/* Public guides share the site's colour chapters and straightforward reading order. */
.qf-editorial { background: #edf2ef; color: #101e24; padding-block: 64px 100px; }
.qf-blog-hero { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 60px; }
.qf-blog-hero h1 { margin: 0 0 24px; font-size: clamp(42px,5vw,68px); line-height: 1.15; letter-spacing: -.045em; font-weight: 500; }
.qf-blog-hero p { font-size: 18px; line-height: 1.85; max-width: 520px; }
.qf-blog-hero .qf-blog-intro { margin: 0 0 20px; font-size: 27px; }
.qf-blog-hero figure { margin: 0; }
.qf-blog-hero img { display: block; width: 100%; height: auto; }
.qf-blog-hero figcaption { margin-top: 12px; color: #39545c; font-size: 16px; }
.qf-blog-paths { margin-block: 64px !important; padding: 36px; background: #c7d9d0; }
.qf-blog-paths h2 { margin: 0 0 24px; font-size: 25px; font-weight: 500; }
.qf-blog-paths h3 { margin: 18px 0 0; font-size: clamp(23px,2.3vw,31px); line-height: 1.4; font-weight: 500; }
.qf-editorial a { color: inherit; text-underline-offset: 5px; }
.qf-blog-list-heading { font-size: 30px; margin-bottom: 32px; font-weight: 500; }
.qf-blog-posts { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 48px 64px; padding: 0; }
.qf-blog-posts > li { min-width: 0; margin: 0; }
.qf-blog-entry { padding-bottom: 20px; }
.qf-blog-entry h2, .qf-blog-entry h3 { font-size: clamp(25px,2.6vw,34px); font-weight: 500; line-height: 1.45; margin-block: 15px 18px; letter-spacing: -.03em; }
.qf-blog-entry .wp-block-post-excerpt { margin: 0; font-size: 17px; line-height: 1.85; }
.qf-blog-entry .wp-block-post-date { margin-top: 18px; font-size: 16px; color: #39545c; }
.qf-blog-entry .wp-block-post-excerpt__more-text { font-size: 16px; }
.qf-editorial .wp-block-post-terms { font-size: 16px; color: #39545c; }
.qf-article-main { padding-top: 48px; }
.qf-article-back { font-size: 16px; margin-bottom: 40px; }
.qf-article-title { font-size: clamp(33px,3.6vw,48px); line-height: 1.3; letter-spacing: -.04em; font-weight: 500; margin-block: 22px; }
.qf-article-byline { font-size: 16px; color: #39545c; margin-bottom: 32px; }
.qf-article-intro { padding: 28px; background: #c7d9d0; margin-block: 32px 48px; font-size: 19px; line-height: 1.85; }
.qf-article-intro .wp-block-post-excerpt__excerpt { margin: 0; }
.qf-article-body { font-size: 18px; line-height: 1.95; }
.qf-article-body h2 { margin-top: 52px; margin-bottom: 22px; font-size: clamp(27px,2.6vw,35px); line-height: 1.4; font-weight: 500; letter-spacing: -.03em; }
.qf-article-body li + li { margin-top: 12px; }
.qf-article-body p { margin-block: 20px; }
.qf-article-body .qf-guide-table { max-width: 100%; overflow-x: auto; }
.qf-article-body .qf-guide-table table { min-width: 640px; }
.qf-article-related { margin-block: 64px 48px; padding: 32px; background: #dce7e2; }
.qf-article-related h2 { font-size: 26px; margin: 0 0 20px; font-weight: 500; }
.qf-article-related ul { margin: 0; padding-left: 22px; }
.qf-article-related li { margin-top: 16px; font-size: 18px; line-height: 1.7; }
.qf-article-cta { padding: 36px; background: #153f50; color: #edf2ef; }
.qf-article-cta h2 { font-size: 29px; font-weight: 500; line-height: 1.4; }
.qf-article-cta p { font-size: 18px; line-height: 1.8; }
.qf-article-cta .wp-block-button__link { background: #ff794d; color: #101e24; }
.qf-search-answer { margin-block: 0 42px; background: #dce7e2; padding: 28px; }
.qf-search-answer h2 { margin-top: 0; }
@media (max-width:1000px) {
  .qf-blog-hero { gap: 30px; }
}
@media (max-width:781px) {
  .qf-editorial { padding-block: 40px 64px; }
  .qf-blog-hero { grid-template-columns: 1fr; gap: 28px; }
  .qf-blog-hero p { max-width: none; font-size: 17px; }
  .qf-blog-hero .qf-blog-intro { font-size: 23px; }
  .qf-blog-paths { padding: 24px; margin-block: 40px !important; }
  .qf-blog-paths h2 { font-size: 22px; }
  .qf-blog-paths h3 { font-size: 23px; }
  .qf-blog-posts { grid-template-columns: 1fr; gap: 32px; }
  .qf-blog-entry h2, .qf-blog-entry h3 { font-size: 27px; }
  .qf-article-title { font-size: 32px; }
  .qf-article-body { font-size: 17px; }
  .qf-article-intro { padding: 22px; font-size: 18px; }
  .qf-article-related, .qf-article-cta { padding: 24px; }
  .qf-article-cta h2 { font-size: 25px; }
  .qf-search-answer { padding: 24px; }
}