/* 1.3: reader journeys, article navigation, and consultation context. */
.column-page, .contact-cta, .self-case { letter-spacing: 0; }
.column-page h1, .column-page h2, .column-page h3, .column-page .eyebrow { letter-spacing: 0; }
.column-heading h1 { font-size: 40px; }
.column-heading .column-lead { margin-top: 12px; font-size: 22px; font-weight: 500; color: var(--ink); }
.column-heading .column-lead span { display: inline-block; max-width: 100%; }
.column-page .column-intro { max-width: 820px; padding-bottom: 8px; }
.column-page .column-intro p { margin-bottom: 14px; }
.reader-routes { margin: 32px 0 56px; }
.reader-routes h2, .column-library h2 { font-size: 24px; margin: 0 0 22px; }
.reader-route-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 28px; }
.reader-route { border-top: 2px solid #297060; padding: 22px 0 0; min-width: 0; }
.reader-route > .bi { color: #297060; font-size: 24px; }
.reader-route h3 { font-size: 18px; margin: 12px 0; }
.reader-route p { font-size: 14px; color: #506271; margin: 0 0 16px; }
.reader-route a { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; font-size: 14px; font-weight: 600; text-decoration: underline; }
.reader-route a .bi { flex-shrink: 0; }
.column-library { border-top: 1px solid var(--line); padding-top: 34px; }
.column-library-heading { display: flex; justify-content: space-between; gap: 24px; align-items: baseline; flex-wrap: wrap; }
.column-library-heading > a { font-size: 13px; display: inline-flex; gap: 12px; }
.column-card p { color: #425866; font-size: 14px; }
.column-category { color: #245c70; }
.column-categories a { border: 0; border-bottom: 1px solid #b2c6cf; border-radius: 0; padding: 9px 2px; margin-right: 16px; }
.column-content .column-toc summary { min-height: 30px; }
.column-content .column-toc ol { max-height: 420px; overflow-y: auto; padding-right: 14px; }
.column-article-header h1 { font-size: 36px; }
.column-author .text-link { margin-top: 12px; }
.column-author h2 { font-size: 21px; }
.column-content .article-context { font-size: 14px; border-left: 3px solid #297060; padding: 10px 0 10px 18px; margin: 0 0 24px; color: #425866; }
.self-case { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); padding: 54px 0; }
.self-case h2 { font-size: 26px; margin-bottom: 20px; }
.self-case p { max-width: 800px; margin-bottom: 20px; }
.self-case .small { margin-top: 16px; margin-bottom: 0; }
.contact-cta h2 { font-size: 28px; letter-spacing: 0; }
.contact-cta .cta-layout > div { min-width: 0; }
.contact-cta .cta-layout > div > p { max-width: 600px; margin: 18px 0; font-size: 15px; }
.contact-cta .consultation-details { border-left: 1px solid #7894a7; padding-left: 30px; }
.consultation-details h3 { color: #fff; font-size: 18px; letter-spacing: 0; }
.consultation-details ol { margin: 18px 0; padding-left: 22px; color: #f1f6f9; font-size: 14px; }
.consultation-details li { margin: 8px 0; }
.consultation-details a { color: #fff; display: block; margin: 12px 0; font-size: 14px; text-decoration: underline; }
.contact-intro p { margin-bottom: 18px; }
.service-scope-note { margin-top: 32px; max-width: 850px; color: #425866; font-size: 14px; }
.hero-refined .hero-copy { padding-bottom: 64px; }
@media (max-width: 800px) {
  .column-heading h1 { font-size: 32px; }
  .column-heading .column-lead { font-size: 19px; }
  .reader-route-grid { grid-template-columns: 1fr; gap: 26px; }
  .reader-routes { margin: 24px 0 38px; }
  .reader-route { padding-top: 16px; }
  .reader-route > .bi { float: left; margin-right: 12px; }
  .reader-route h3 { margin: 2px 0 14px; }
  .reader-route p { clear: both; }
  .reader-routes h2, .column-library h2 { font-size: 22px; }
  .column-article-header h1 { font-size: 27px; }
  .contact-cta h2 { font-size: 24px; }
  .contact-cta .consultation-details { border-left: 0; border-top: 1px solid #7894a7; padding: 24px 0 0; }
  .self-case { padding: 38px 0; }
  .self-case h2 { font-size: 23px; }
  .hero-refined .hero-copy { padding-bottom: 32px; }
}
@media (max-width: 360px) {
  .column-article-header h1 { font-size: 24px; }
  .column-heading .column-lead { font-size: 18px; }
}