/* Compact screen typography. Keep body copy, small labels and print sizes legible. */
@media screen{
.site-header{container-type:inline-size}
.masthead{font-size:var(--masthead-size,8cqw);line-height:1.2;letter-spacing:-.065em;padding:12px 0 15px}
.hero{padding:52px 0 56px}
.hero-note h2{font-size:clamp(24px,2.4vw,30px);line-height:1.2}
.feature-copy h2{font-size:clamp(30px,3.7vw,46px);line-height:1.16;letter-spacing:-.035em}
.standards h2,.download-section h2,.closing-note h2{font-size:clamp(28px,3vw,38px);line-height:1.2}
.brief-panel h3,.standards-grid h3,.download-card h3{font-size:25px;line-height:1.22}
.brief-panel a>span{font-size:34px}
.report-hero h1,.text-hero h1,.variables-hero h1{font-size:clamp(32px,4.2vw,54px);line-height:1.18;letter-spacing:-.035em}
.report-section h2,.summary-heading h2,.longform h2,.prose-layout aside h2{font-size:30px;line-height:1.22}
.report-section h3{font-size:23px;line-height:1.25}
.source-item h3{font-size:17px;line-height:1.5}
.variables-teaser h2,.connections-heading h2{font-size:27px;line-height:1.22}
.topic-heading h2{font-size:30px;line-height:1.2}
.connection-card h3{font-size:25px;line-height:1.24}
.about-quote p{font-size:32px;line-height:1.3}
.question summary{font-size:21px;line-height:1.35}
}
@media screen and (max-width:760px){
.masthead{font-size:var(--masthead-size,8cqw);letter-spacing:-.065em}
.hero{padding:32px 0 35px;gap:26px}
.hero-note h2{font-size:24px}.feature-copy h2{font-size:30px;line-height:1.2}
.standards h2,.download-section h2,.closing-note h2{font-size:28px}
.brief-panel h3,.standards-grid h3,.download-card h3{font-size:23px}
.brief-panel a>span{font-size:30px}
.report-hero h1,.text-hero h1,.variables-hero h1{font-size:32px;line-height:1.2}
.report-section h2,.summary-heading h2,.longform h2,.prose-layout aside h2{font-size:27px}
.report-section h3{font-size:22px}.source-item h3{font-size:16px}
.variables-teaser h2,.connections-heading h2,.topic-heading h2{font-size:26px}
.connection-card h3{font-size:23px}.about-quote p{font-size:28px}
.question summary{font-size:20px;line-height:1.35}
}

/* Reading lists: clear separation between points across every page.
   Timelines and source cards already have their own row spacing. */
main :where(ul,ol):not(.timeline):not(.source-list):not(.fallback-connections){
  margin-block:1.25em;
  padding-inline-start:1.5em;
}
main :where(ul,ol):not(.timeline):not(.source-list):not(.fallback-connections)>li{
  line-height:1.7;
  padding-inline-start:.2em;
}
main :where(ul,ol):not(.timeline):not(.source-list):not(.fallback-connections)>li+li{
  margin-block-start:1em;
}