/* Senspace: rhythm, sequence and an open editorial reading experience. */
:root {
  --paper: #f7f4ed;
  --white: #fffdf8;
  --ink: #29375c;
  --ink-soft: #536079;
  --forest: #29375c;
  --forest-hover: #182545;
  --sage: #dce4d9;
  --sage-light: #ecefe7;
  --amber: #f0bd96;
  --amber-light: #f5e5d5;
  --line: #d8d8d1;
  --line-dark: #aeb5bc;
  --serif: 'Literata', Georgia, 'Times New Roman', serif;
  --sans: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
  --container: 1200px;
  --gutter: clamp(20px, 4.4vw, 72px);
}

body { font-size: 17px; line-height: 1.7; }
h1, h2, h3 { font-optical-sizing: auto; }
.button { min-height: 54px; padding: 15px 24px; border-radius: 3px; font-size: 15px; font-weight: 650; }
.button:hover { box-shadow: 0 3px 0 var(--amber); }
.button.secondary:hover { box-shadow: none; }
.eyebrow { font-size: 12px; line-height: 1.5; letter-spacing: .11em; font-weight: 700; }
.text-link { font-size: 15px; }
.header-inner { display: grid; grid-template-columns: auto 1fr auto; gap: 30px; min-height: 105px; }
.brand { gap: 10px; }
.brand-name { font-family: var(--sans); font-size: 28px; font-weight: 600; line-height: 1; letter-spacing: -.065em; }
.brand-name small { margin-top: 7px; font-size: 10px; letter-spacing: .25em; font-weight: 650; }
.brand-mark, .brand-mark svg { width: 45px; height: 45px; }
.brand-accent { color: #f0bd96; }
.brand-accent-middle { color: #29375c; }
.primary-nav { justify-self: end; }
.nav-links { gap: clamp(20px, 2.6vw, 36px); }
.nav-links a { font-size: 14px; font-weight: 600; }
.language-switch { justify-self: end; gap: 1px; padding-left: 22px; font-size: 14px; }
.language-switch a { min-width: 44px; padding-inline: 9px; border-radius: 0; min-height: 44px; }
.language-switch .is-current, .language-switch a[aria-current='true'] { color: var(--ink); background: transparent; text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 7px; }
.nav-toggle { border-radius: 2px; padding: 10px; }
.site-footer .brand-name { font-size: 27px; }
.site-footer .brand-name small { font-size: 10px; }
.footer-top { padding-block: 40px; gap: 30px; }
.footer-purpose { max-width: 265px; color: var(--ink-soft); font-size: 14px; line-height: 1.65; }
.footer-top nav a { font-size: 14px; }
.footer-bottom p { font-size: 14px; line-height: 1.65; }

/* The first screen: one useful action and a graphic that explains the method. */
.hero-new { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); align-items: center; column-gap: clamp(40px, 7vw, 100px); padding-block: 76px 80px; }
.hero-new-copy { min-width: 0; }
.hero-new-copy .eyebrow { margin-bottom: 23px; max-width: 35em; }
.hero-new-copy h1 { margin: 0; font-size: clamp(40px, 4.6vw, 60px); font-weight: 450; line-height: 1.15; letter-spacing: -.045em; text-wrap: balance; }
html[lang^="uk"] .hero-new-copy h1 { font-size: clamp(40px, 4vw, 50px); }
.hero-new-intro { max-width: 32em; margin-top: 26px; color: var(--ink-soft); font-size: 17px; line-height: 1.75; }
.hero-new-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 15px; margin-top: 30px; }
.hero-new-meta { margin-top: 12px; font-size: 14px; font-weight: 550; color: var(--ink-soft); }
.builder-status { max-width: 30em; margin-top: 23px; padding-left: 13px; border-left: 2px solid var(--amber); color: var(--ink-soft); font-size: 14px; line-height: 1.65; }
.rhythm-map { position: relative; width: 100%; min-width: 0; padding-block: 28px 25px; border-top: 1px solid var(--ink); border-bottom: 1px solid var(--line-dark); }
.rhythm-map-heading h2 { max-width: 400px; font-family: var(--sans); font-size: clamp(20px, 2vw, 27px); font-weight: 550; line-height: 1.4; letter-spacing: -.035em; }
.rhythm-map-heading p { margin-top: 10px; max-width: 32em; font-size: 14px; color: var(--ink-soft); }
.rhythm-map-heading .eyebrow { margin: 0 0 14px; font-size: 12px; }
.rhythm-map-track { position: relative; isolation: isolate; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; align-items: end; min-height: 250px; padding-top: 30px; }
.rhythm-map-track::before { content: ''; position: absolute; z-index: -1; left: 16%; right: 16%; top: 74px; height: 85px; border: 1px solid var(--line-dark); border-bottom: 0; border-radius: 50% 50% 0 0; }
.rhythm-moment { min-width: 0; display: flex; flex-direction: column; align-items: center; text-align: center; padding-bottom: 8px; }
.rhythm-moment:nth-child(2) { transform: translateY(-38px); }
.moment-symbol { position: relative; width: 78px; height: 78px; margin-bottom: 26px; flex: 0 0 auto; }
.moment-symbol::before, .moment-symbol::after { content: ''; position: absolute; }
.moment-symbol[data-moment='morning']::before, .rhythm-moment[data-moment='morning'] .moment-symbol::before { width: 62px; height: 32px; left: 8px; top: 20px; background: var(--amber); border: 2px solid var(--ink); border-bottom: 0; border-radius: 50px 50px 0 0; }
.moment-symbol[data-moment='morning']::after, .rhythm-moment[data-moment='morning'] .moment-symbol::after { left: 1px; right: 1px; top: 52px; height: 2px; background: var(--ink); box-shadow: 0 9px 0 var(--ink); }
.moment-symbol[data-moment='daytime']::before, .rhythm-moment[data-moment='daytime'] .moment-symbol::before { inset: 8px; background: var(--amber); border: 2px solid var(--ink); border-radius: 50%; }
.moment-symbol[data-moment='daytime']::after, .rhythm-moment[data-moment='daytime'] .moment-symbol::after { inset: 0; border: 1px solid var(--ink); border-radius: 50%; }
.moment-symbol[data-moment='evening']::before, .rhythm-moment[data-moment='evening'] .moment-symbol::before { inset: 7px; border: 2px solid var(--ink); border-radius: 50%; background: var(--ink); }
.moment-symbol[data-moment='evening']::after, .rhythm-moment[data-moment='evening'] .moment-symbol::after { width: 51px; height: 51px; top: 0; right: 0; border-radius: 50%; background: var(--paper); }
.moment-label { display: block; font-size: 16px; font-weight: 650; line-height: 1.4; }
.moment-detail { display: block; margin-top: 6px; font-size: 14px; color: var(--ink-soft); line-height: 1.45; }
.rhythm-map-caption { margin-top: 19px; font-size: 14px; line-height: 1.6; color: var(--ink-soft); }

/* Each row previews a useful part of the guide; the whole row is the link. */
.guide-section { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); gap: clamp(35px, 7vw, 100px); padding-block: 68px 92px; border-top: 1px solid var(--line); }
.section-intro .eyebrow { margin-bottom: 17px; }
.section-intro h2, .evidence-heading h2, .home-faq h2, .home-next h2 { font-size: clamp(32px, 3.4vw, 46px); font-weight: 450; line-height: 1.2; letter-spacing: -.04em; }
.section-intro > p:not(.eyebrow) { margin-top: 21px; max-width: 31em; color: var(--ink-soft); font-size: 16px; }
.guide-rows { min-width: 0; border-top: 1px solid var(--ink); }
.guide-row { display: grid; grid-template-columns: 35px minmax(0, 1fr) 35px; gap: 20px; align-items: start; padding: 24px 0 27px; border-bottom: 1px solid var(--line-dark); text-decoration: none; }
.guide-index { display: block; padding-top: 6px; font-size: 14px; line-height: 1.6; font-weight: 600; color: var(--ink-soft); }
.guide-body h3 { font-size: 26px; line-height: 1.3; letter-spacing: -.03em; font-weight: 450; }
.guide-body p { max-width: 36em; margin-top: 10px; color: var(--ink-soft); font-size: 16px; line-height: 1.65; }
.guide-arrow { display: flex; justify-content: flex-end; align-items: center; min-height: 38px; font-family: var(--sans); font-size: 27px; line-height: 1; }
.guide-arrow svg { width: 23px; height: 23px; }
.guide-row:hover .guide-body h3 { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 6px; }
.guide-row:hover .guide-arrow { color: #905333; }

/* One confident change of tone gives the research its own place. */
.evidence-section { color: var(--paper); background: var(--ink); }
.evidence-layout { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); gap: 36px clamp(35px, 7vw, 100px); padding-block: 76px; }
.evidence-heading { grid-column: 1; grid-row: 1 / 3; }
.evidence-heading .eyebrow { color: #d7dfed; margin-bottom: 19px; }
.evidence-heading p:not(.eyebrow) { margin-top: 24px; color: #e2e5ea; font-size: 16px; line-height: 1.75; }
.evidence-heading .text-link { margin-top: 24px; color: var(--paper); }
.evidence-columns { grid-column: 2; display: grid; grid-template-columns: 1fr 1fr; gap: 30px; }
.evidence-columns > div { padding-top: 17px; border-top: 1px solid #7d899f; }
.evidence-columns h3 { max-width: 21em; color: var(--amber); font-family: var(--sans); font-size: 18px; line-height: 1.5; letter-spacing: -.015em; font-weight: 600; }
.evidence-columns p { margin-top: 14px; color: #e2e5ea; font-size: 15px; line-height: 1.8; }
.publication-cite { grid-column: 2; padding-top: 22px; border-top: 1px solid #7d899f; }
.publication-cite .eyebrow { margin: 0 0 10px; font-size: 12px; color: #d7dfed; }
.publication-cite .publication-author { margin-top: 0; color: var(--paper); font-family: var(--serif); font-size: 23px; line-height: 1.4; }
.publication-cite h3, .publication-cite strong { font-family: var(--sans); color: var(--paper); font-size: 16px; font-weight: 550; line-height: 1.6; }
.publication-cite p { margin-top: 10px; color: #d7dfed; font-size: 14px; line-height: 1.65; }
.publication-cite a { display: inline-flex; align-items: center; gap: 7px; min-height: 44px; margin-top: 8px; color: var(--paper); font-size: 14px; }
.evidence-section :focus-visible { outline-color: var(--amber); }
.home-faq { width: min(830px, calc(100% - var(--gutter) * 2)); padding-block: 87px 76px; }
.home-faq h2 { margin-bottom: 31px; }
.home-faq details { border-top: 1px solid var(--line-dark); }
.home-faq details:last-child { border-bottom: 1px solid var(--line-dark); }
.home-faq summary { position: relative; list-style: none; padding: 23px 44px 23px 0; font-size: 17px; line-height: 1.6; font-weight: 600; cursor: pointer; }
.home-faq summary::-webkit-details-marker { display: none; }
.home-faq summary::before, .home-faq summary::after { content: ''; position: absolute; top: 50%; right: 5px; width: 16px; height: 1px; background: currentColor; }
.home-faq summary::after { transform: rotate(90deg); }
.home-faq details[open] summary::after { transform: rotate(0); }
.home-faq details p { max-width: 44em; padding: 0 35px 25px 0; color: var(--ink-soft); font-size: 16px; }
.home-next { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 16px 60px; align-items: center; margin-bottom: 84px; padding: 38px 0 42px; border-top: 2px solid var(--ink); border-bottom: 1px solid var(--line-dark); }
.home-next h2 { grid-column: 1; font-size: clamp(30px, 3vw, 40px); }
.home-next > div > p:not(.eyebrow), .home-next > p { grid-column: 1; max-width: 39em; color: var(--ink-soft); font-size: 16px; }
.home-next > div { grid-column: 1; }
.home-next .eyebrow { margin-bottom: 15px; }
.home-next > div > p:not(.eyebrow) { margin-top: 18px; }
.home-next > .button { grid-column: 2; grid-row: 1 / 3; }

/* Reading pages have a true contents navigation and a short opening overview. */
.article-layout { grid-template-columns: 225px minmax(0, 740px); gap: clamp(45px, 7vw, 100px); padding-top: 56px; }
.article-layout-no-toc { grid-template-columns: minmax(0, 740px); justify-content: center; }
.article-content h1 { font-size: clamp(36px, 4.2vw, 55px); line-height: 1.18; font-weight: 450; letter-spacing: -.04em; }
.article-content > h1 { margin-bottom: 28px; }
.article-toc { align-self: start; min-width: 0; position: sticky; top: 28px; }
.article-toc-disclosure { border-top: 2px solid var(--ink); }
.article-toc-disclosure > summary { padding: 16px 0; font-size: 14px; font-weight: 700; line-height: 1.5; list-style: none; cursor: pointer; }
.article-toc-disclosure > summary::-webkit-details-marker { display: none; }
.article-toc nav, .article-toc ol, .article-toc ul { display: block; list-style: none; margin: 0; padding: 0; border: 0; }
.article-toc li { margin: 0; padding: 0; }
.article-toc a { display: block; min-height: 44px; padding: 10px 0; color: var(--ink-soft); font-size: 14px; line-height: 1.55; text-decoration: none; }
.article-toc a:hover { color: var(--ink); text-decoration: underline; text-underline-offset: 4px; }
.article-toc a[aria-current] { color: var(--ink); font-weight: 650; }
.article-summary { margin-bottom: 36px; padding: 23px 0 25px; border-block: 1px solid var(--line-dark); }
.article-summary h2, .article-summary > p { margin: 0 0 15px; font-family: var(--sans); font-size: 16px; line-height: 1.6; font-weight: 700; letter-spacing: 0; color: var(--ink); }
.article-summary ul { display: grid; gap: 12px; margin: 0; padding-left: 20px; color: var(--ink-soft); font-size: 16px; line-height: 1.7; }
.article-summary li { padding-left: 5px; }
.article-summary li::marker { color: #905333; }
.entry-content { font-size: 17px; line-height: 1.85; }
.entry-content h2 { padding-top: 5px; margin-top: 44px; font-size: 31px; line-height: 1.28; letter-spacing: -.025em; }
.entry-content h3 { font-size: 25px; line-height: 1.35; }
.entry-content blockquote { padding: 23px 26px; border-radius: 0; }
.article-next { display: grid; gap: 15px; justify-items: start; margin-top: 45px; padding-top: 28px; border-top: 2px solid var(--ink); }
.article-next h2 { font-size: 29px; line-height: 1.3; }
.article-next p { max-width: 40em; color: var(--ink-soft); font-size: 16px; }
.article-next .button { margin-top: 3px; }

@media (max-width: 1050px) {
  .header-inner { gap: 22px; }
  .nav-links { gap: 20px; }
  .language-switch { padding-left: 16px; }
  .hero-new { gap: 45px; padding-block: 60px 65px; }
  .hero-new-copy h1 { font-size: 46px; }
  .rhythm-map-heading h2 { font-size: 22px; }
  .rhythm-map-track { min-height: 235px; gap: 7px; }
  .moment-symbol { transform: scale(.9); }
  .guide-section, .evidence-layout { gap: 42px; }
  .evidence-columns { gap: 24px; }
  .article-layout { grid-template-columns: 195px minmax(0, 1fr); gap: 42px; }
}
@media (max-width: 900px) {
  .header-inner { grid-template-columns: minmax(0, 1fr) auto auto; min-height: 92px; padding-block: 17px; gap: 12px 18px; }
  .header-inner > .brand { grid-column: 1; grid-row: 1; }
  .header-inner > .language-switch { grid-column: 2; grid-row: 1; padding-left: 0; border-left: 0; font-size: 14px; }
  .header-inner > .nav-toggle { grid-column: 3; grid-row: 1; margin: 0; }
  .header-inner > .primary-nav { grid-column: 1 / -1; grid-row: 2; justify-self: stretch; padding-top: 10px; }
  .js .nav-open .primary-nav { display: block; padding-block: 13px 4px; }
  .nav-links a { font-size: 15px; }
  .hero-new { grid-template-columns: 1fr 1fr; gap: 36px; }
  .hero-new-copy h1 { font-size: 40px; }
  .hero-new-copy .eyebrow { font-size: 11px; }
  .hero-new-intro { font-size: 16px; }
  .rhythm-map-track { min-height: 232px; }
  .moment-detail { font-size: 14px; }
  .moment-label { font-size: 14px; }
  .guide-section { grid-template-columns: minmax(0, 3fr) minmax(0, 5fr); gap: 32px; padding-block: 54px 68px; }
  .section-intro h2, .evidence-heading h2, .home-faq h2 { font-size: 35px; }
  .guide-row { grid-template-columns: 26px minmax(0, 1fr) 25px; gap: 14px; }
  .guide-body h3 { font-size: 24px; }
  .evidence-layout { grid-template-columns: 1fr; gap: 33px; padding-block: 58px; }
  .evidence-heading, .evidence-columns, .publication-cite { grid-column: 1; grid-row: auto; }
  .evidence-heading { max-width: 640px; }
  .evidence-heading .text-link { margin-top: 14px; }
  .evidence-columns { gap: 35px; }
  .home-faq { padding-block: 65px 58px; }
  .home-next { gap: 16px 35px; margin-bottom: 65px; }
  .article-layout { grid-template-columns: 180px minmax(0, 1fr); gap: 30px; }
}
@media (max-width: 760px) {
  .hero-new { grid-template-columns: 1fr; gap: 31px; padding-block: 40px 42px; }
  .hero-new-copy h1, html[lang^="uk"] .hero-new-copy h1 { max-width: 620px; font-size: clamp(36px, 6.3vw, 47px); letter-spacing: -.04em; }
  .hero-new-copy .eyebrow { margin-bottom: 18px; font-size: 12px; }
  .hero-new-intro { max-width: 35em; margin-top: 20px; font-size: 17px; line-height: 1.7; }
  .hero-new-actions { margin-top: 24px; }
  .hero-new-meta { margin-top: 10px; }
  .builder-status { max-width: 100%; margin-top: 17px; }
  .rhythm-map { display: flex; flex-direction: column; padding-block: 14px; }
  .rhythm-map-heading h2 { font-size: 18px; letter-spacing: -.025em; }
  .rhythm-map-heading p { margin-top: 5px; font-size: 14px; }
  .rhythm-map-heading .eyebrow { margin: 0 0 7px; font-size: 11px; }
  .rhythm-map-track { min-height: 0; align-items: start; padding-top: 12px; gap: 6px; }
  .rhythm-map-track::before { top: 35px; height: 1px; border-top: 1px solid var(--line-dark); border-radius: 0; }
  .rhythm-moment { padding-bottom: 0; }
  .rhythm-moment:nth-child(2) { transform: none; }
  .moment-symbol { width: 46px; height: 46px; transform: none; margin-bottom: 10px; background: var(--paper); }
  .moment-symbol[data-moment='morning']::before, .rhythm-moment[data-moment='morning'] .moment-symbol::before { width: 34px; height: 18px; left: 6px; top: 12px; border-width: 1.5px; }
  .moment-symbol[data-moment='morning']::after, .rhythm-moment[data-moment='morning'] .moment-symbol::after { top: 30px; left: 2px; right: 2px; height: 1.5px; box-shadow: 0 6px 0 var(--ink); }
  .moment-symbol[data-moment='daytime']::before, .rhythm-moment[data-moment='daytime'] .moment-symbol::before { inset: 6px; border-width: 1.5px; }
  .moment-symbol[data-moment='daytime']::after, .rhythm-moment[data-moment='daytime'] .moment-symbol::after { inset: 1px; }
  .moment-symbol[data-moment='evening']::before, .rhythm-moment[data-moment='evening'] .moment-symbol::before { inset: 5px; border-width: 1.5px; }
  .moment-symbol[data-moment='evening']::after, .rhythm-moment[data-moment='evening'] .moment-symbol::after { width: 29px; height: 29px; top: 0; right: 0; }
  .moment-label { font-size: 14px; }
  .moment-detail { display: none; }
  .rhythm-map-caption { margin-top: 11px; font-size: 14px; line-height: 1.5; }
  .guide-section { grid-template-columns: 1fr; gap: 28px; padding-block: 43px 53px; }
  .section-intro h2, .evidence-heading h2, .home-faq h2 { font-size: 34px; }
  .section-intro .eyebrow { margin-bottom: 13px; }
  .section-intro > p:not(.eyebrow) { margin-top: 16px; }
  .guide-row { padding-block: 21px 23px; gap: 13px; grid-template-columns: 25px minmax(0, 1fr) 22px; }
  .guide-body h3 { font-size: 25px; }
  .guide-body p { font-size: 16px; margin-top: 9px; }
  .guide-arrow { font-size: 23px; }
  .evidence-layout { gap: 29px; padding-block: 48px; }
  .evidence-columns { gap: 25px; }
  .evidence-columns h3 { font-size: 17px; }
  .evidence-columns p { line-height: 1.75; }
  .home-faq { padding-block: 54px 47px; }
  .home-faq h2 { margin-bottom: 25px; }
  .home-faq summary { padding-block: 20px; font-size: 16px; }
  .home-faq details p { padding-right: 0; }
  .home-next { grid-template-columns: 1fr; gap: 18px; padding-block: 29px 32px; margin-bottom: 49px; }
  .home-next h2 { font-size: 33px; }
  .home-next > .button { grid-column: 1; grid-row: auto; justify-self: start; margin-top: 4px; }
  .article-layout { grid-template-columns: 1fr; padding-top: 23px; gap: 26px; }
  .article-toc { position: static; }
  .article-toc-disclosure { border-top: 1px solid var(--line-dark); border-bottom: 1px solid var(--line-dark); }
  .article-toc-disclosure > summary { position: relative; padding-block: 15px; padding-right: 30px; font-size: 15px; }
  .article-toc-disclosure > summary::after { content: ''; width: 8px; height: 8px; position: absolute; top: 20px; right: 5px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg); }
  .article-toc-disclosure[open] > summary::after { transform: rotate(225deg); top: 24px; }
  .article-toc-disclosure nav { padding-bottom: 14px; }
  .article-toc a { padding-block: 8px; }
  .article-content h1 { font-size: clamp(34px, 7vw, 44px); }
  .article-content > h1 { margin-bottom: 26px; }
  .article-summary { margin-bottom: 30px; padding-block: 21px; }
  .entry-content { font-size: 17px; line-height: 1.8; }
  .entry-content h2 { font-size: 29px; margin-top: 35px; }
  .article-next h2 { font-size: 28px; }
  .footer-top nav a, .footer-bottom p { font-size: 14px; }
}
@media (max-width: 480px) {
  :root { --gutter: 21px; }
  .header-inner { min-height: 83px; gap: 9px; padding-block: 16px; }
  .brand { gap: 7px; }
  .brand-name { font-size: 24px; }
  .brand-name small { font-size: 9px; margin-top: 6px; letter-spacing: .2em; }
  .brand-mark, .brand-mark svg { width: 33px; height: 38px; }
  .language-switch { gap: 0; }
  .language-switch a { padding-inline: 6px; }
  .nav-toggle { min-width: 44px; min-height: 44px; padding: 10px; }
  .nav-toggle span { display: none; }
  .hero-new-copy h1, html[lang^="uk"] .hero-new-copy h1 { font-size: 37px; line-height: 1.18; }
  .rhythm-map-heading h2 { font-size: 17px; }
  .moment-detail { font-size: 14px; }
  .evidence-columns { grid-template-columns: 1fr; }
  .evidence-columns h3 { max-width: none; }
  .evidence-columns p { margin-top: 12px; font-size: 16px; }
  .publication-cite { padding-top: 20px; }
}
@media (max-width: 360px) {
  :root { --gutter: 18px; }
  .header-inner { column-gap: 6px; }
  .brand { gap: 5px; }
  .brand-name { font-size: 21px; }
  .brand-name small { font-size: 8px; }
  .brand-mark, .brand-mark svg { width: 28px; height: 34px; }
  .language-switch a { padding-inline: 5px; font-size: 13px; }
  .hero-new-copy h1, html[lang^="uk"] .hero-new-copy h1 { font-size: 33px; }
  .hero-new-intro { font-size: 16px; }
  .hero-new-copy .eyebrow { font-size: 11px; }
  .rhythm-map-heading h2 { font-size: 16px; }
  .moment-label { font-size: 14px; }
  .section-intro h2, .evidence-heading h2, .home-faq h2, .home-next h2 { font-size: 31px; }
  .guide-body h3 { font-size: 23px; }
}
@media (forced-colors: active) {
  .rhythm-map-track::before { border-color: CanvasText; }
  .moment-symbol::before { border-color: CanvasText !important; }
  .moment-symbol::after { forced-color-adjust: auto; }
  .evidence-columns > div, .publication-cite { border-color: CanvasText; }
  .home-faq summary::before, .home-faq summary::after { background: CanvasText; }
}
@media print {
  .hero-new, .guide-section, .evidence-layout, .home-next, .article-layout { display: block; padding-block: 12pt; }
  .hero-new-copy h1 { font-size: 29pt; }
  .hero-new-intro, .hero-new-meta, .builder-status, .guide-body p, .evidence-columns p, .publication-cite p, .home-faq details p { font-size: 11pt; }
  .hero-new-actions, .rhythm-map, .article-toc, .article-next, .home-next { display: none; }
  .evidence-section, .evidence-section * { color: #111; background: transparent; }
  .evidence-heading { margin-bottom: 15pt; }
  .evidence-columns { display: block; }
  .evidence-columns > div { margin-bottom: 15pt; }
  .guide-section .section-intro { margin-bottom: 15pt; }
  .home-faq { padding-block: 15pt; }
  .home-faq h2, .section-intro h2, .evidence-heading h2, .article-content h1 { font-size: 23pt; }
  .home-faq details > :not(summary) { display: block !important; }
  .home-faq summary::before, .home-faq summary::after { display: none; }
  .guide-row, .article-summary, .publication-cite { break-inside: avoid; }
  .article-summary ul { font-size: 11pt; }
}