/* reading v1 (2026-10-23): blog/articles read like hi-news — large crisp text, bold headings, no side borders inside the text. Rollback: remove the include line in the nginx snippet. */
.wrap > article, .article__body { font-size: 20px !important; line-height: 1.6 !important; color: #111 !important; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
.wrap > article p, .wrap > article li, .article__body p, .article__body li { font-size: inherit !important; line-height: 1.6 !important; color: #111 !important; text-align: left !important; }
.wrap > article p, .article__body p { margin: 0 0 1em !important; }
.wrap > article h1 { font-size: clamp(30px, 7.6vw, 40px) !important; font-weight: 800 !important; line-height: 1.12 !important; letter-spacing: -.01em; color: #111 !important; }
.wrap > article h2, .article__body h2 { font-size: clamp(25px, 6.2vw, 30px) !important; font-weight: 800 !important; line-height: 1.2 !important; color: #111 !important; margin: 40px 0 14px !important; letter-spacing: -.005em; }
.wrap > article h3, .article__body h3 { font-size: 22px !important; font-weight: 800 !important; line-height: 1.25 !important; color: #111 !important; margin: 30px 0 10px !important; }
.wrap > article strong, .wrap > article b, .article__body strong, .article__body b { font-weight: 800 !important; color: #000 !important; }
.wrap > article li, .article__body li { margin: 0 0 .6em !important; }
.wrap > article a, .article__body a { font-weight: 700; }
.wrap > article .mid-cta, .wrap > article .lr-bridge, .wrap > article .cta, .wrap > article blockquote,
.article__body .cta-inline, .article__body .lr-bridge, .article__body blockquote { border: 0 !important; border-left: 0 !important; box-shadow: none !important; background: #eaf5f2 !important; border-radius: 12px !important; padding: 22px 24px !important; margin: 32px 0 !important; }
.wrap > article .mid-cta p, .wrap > article .lr-bridge p, .article__body .cta-inline p { margin: 0 0 8px !important; }
.wrap > article img, .article__body img { display: block; max-width: 100% !important; height: auto !important; border-radius: 10px; border: 0 !important; }
.article__body table { font-size: 17px; }
@media (max-width: 767px) {
  .wrap > article, .article__body { font-size: 19.5px !important; }
  .wrap > article > img, .article__body > figure, .article__body > img { width: calc(100% + 36px) !important; max-width: none !important; margin-left: -18px !important; margin-right: -18px !important; border-radius: 0 !important; }
  .article__body > figure img { width: 100% !important; border-radius: 0 !important; }
  .wrap > article .mid-cta, .wrap > article .lr-bridge, .wrap > article .cta, .article__body .cta-inline, .article__body .lr-bridge { margin-left: -18px !important; margin-right: -18px !important; border-radius: 0 !important; padding: 20px 18px !important; }
}
/* UX v2 (2026-10-23): top nav items were 28px tall / 11.5px on phones; notes 13–14px. */
@media (max-width: 767px) {
  .topbar .nav__item { padding-top: 15px !important; padding-bottom: 15px !important; font-size: 12.5px !important; }
  .premium-note { font-size: 15.5px !important; line-height: 1.5 !important; }
}