/* Article typography uses the site's Montserrat font, colours, header and footer. */
.wi-blog-post { color: #2d2d2d; }
.wi-blog-post__hero { background: #faf9f5; padding: 64px 24px 48px; border-bottom: 1px solid #deded8; }
.wi-blog-post__heading { max-width: 1050px; margin: 0 auto; }
.wi-blog-post__heading nav { margin-bottom: 28px; color: #666; font-size: 15px; }
html body .wi-blog-post h1 { font-size: clamp(32px, 4.2vw, 54px) !important; line-height: 1.16 !important; letter-spacing: -.03em !important; max-width: 1000px; margin: 0 0 28px; color: #171717; overflow-wrap: break-word; }
.wi-blog-post__heading p { font-size: 17px; line-height: 1.6; margin: 0 0 10px; }
.wi-blog-post__heading .wi-blog-post__date { color: #666; font-size: 15px; }
.wi-blog-post__body, .wi-blog-post__back { max-width: 860px; margin: 0 auto; padding: 56px 24px; }
.wi-blog-post__body { font-size: 18px; line-height: 1.8; }
html body .wi-blog-post a { color: #a8550a; font-size: inherit; line-height: inherit; text-decoration: underline; text-underline-offset: 3px; overflow-wrap: break-word; }
html body .wi-blog-post a:hover { color: #171717; }
.wi-blog-post a:focus-visible { outline: 2px solid #a8550a; outline-offset: 4px; }
.wi-blog-post__body p { margin: 0 0 24px; }
html body .wi-blog-post h2 { font-size: clamp(27px, 3vw, 35px) !important; line-height: 1.3 !important; letter-spacing: -.025em !important; margin: 56px 0 24px; color: #171717; overflow-wrap: break-word; }
html body .wi-blog-post h3 { font-size: 24px !important; line-height: 1.4 !important; margin: 36px 0 20px; color: #171717; }
.wi-blog-post__body ul { padding-left: 24px; margin: 0 0 24px; }
.wi-blog-post__body li { margin-bottom: 12px; }
.wi-blog-post table { width: 100%; border-collapse: collapse; table-layout: fixed; margin: 32px 0; font-size: 16px; line-height: 1.6; }
.wi-blog-post th, .wi-blog-post td { border: 1px solid #deded8; padding: 16px; text-align: left; vertical-align: top; overflow-wrap: break-word; }
.wi-blog-post th { background: #f1efea; color: #171717; font-weight: 700; }
.wi-blog-post td:first-child, .wi-blog-post th:first-child { width: 36%; }
.wi-blog-post tbody tr:nth-child(even) { background: #faf9f5; }
.wi-blog-post__back { padding-top: 0; padding-bottom: 64px; font-size: 18px; }
@media (max-width: 600px) {
  .wi-blog-post__hero { padding: 40px 20px 32px; }
  .wi-blog-post__body, .wi-blog-post__back { padding-left: 20px; padding-right: 20px; }
  .wi-blog-post__body { padding-top: 36px; font-size: 17px; line-height: 1.75; }
  .wi-blog-post table { font-size: 14px; }
  .wi-blog-post th, .wi-blog-post td { padding: 10px; }
  html body .wi-blog-post h2 { margin-top: 40px; }
}