/* Homepage reading rhythm for topic introductions and comparison guides. */
.page-reading {
 --text-caption:.875rem;
 --text-small:1rem;
 --text-body:1rem;
 --text-lead:1.125rem;
 --text-title:1.5rem;
 --text-heading:clamp(1.75rem,1.25rem + 1.2vw,2.25rem);
 --text-display:clamp(2.125rem,1rem + 3vw,3.25rem);
 --leading-display:1.25;
 --leading-heading:1.4;
 --leading-body:1.85;
 --reading-section-space:5rem;
 --reading-measure:44rem;
 --reading-grid-width:62rem;
 --reading-sidebar:14rem;
 --reading-gutter:4rem;
}
.page-reading .wrap { width:min(72rem,calc(100% - 6rem)); max-width:72rem; }
.page-reading :is(h1,h2,h3,h4) { word-break:normal; overflow-wrap:anywhere; line-break:strict; text-wrap:balance; }
.page-reading .breadcrumbs { flex-wrap:wrap; gap:.5rem .75rem; padding-block:2rem; font-size:var(--text-caption); line-height:var(--leading-body); }
.page-reading .site-footer { padding-block:3rem; }
.page-reading .footer-links nav { gap:.5rem; }
.page-reading .footer-links nav>p { margin-bottom:0; }
.page-reading .dialog-close { width:2.75rem; height:2.75rem; }

/* Topic overviews share the homepage's balanced introduction and inset reading columns. */
.page-reading .topic-masthead { grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:3rem; padding-block:2rem var(--reading-section-space); }
.page-reading .topic-masthead>* { min-width:0; }
.page-reading .topic-masthead h1 { font-size:var(--text-display); line-height:var(--leading-display); letter-spacing:-.035em; }
.page-reading .topic-masthead .section-index { font-size:var(--text-caption); margin-bottom:1rem; letter-spacing:.025em; }
.page-reading .topic-lead { max-width:30em; margin-top:1.5rem; font-size:var(--text-body); line-height:var(--leading-body); }
.page-reading .topic-masthead-actions { margin-top:2rem; }
.page-reading .topic-masthead-actions .button { font-size:var(--text-body); padding:1rem 1.5rem; }
.page-reading .topic-update { font-size:var(--text-caption); margin-top:1.5rem; }
.page-reading .topic-landscape img { width:100%; height:auto; aspect-ratio:3/2; object-fit:cover; border-radius:1rem; }
.page-reading .topic-landscape figcaption { font-size:var(--text-caption); margin-top:.75rem; }
.page-reading .topic-hub-simple :is(.topic-intro,.hub-reading-section,.topic-faq) { width:min(100%,64rem); margin-inline:auto; grid-template-columns:16rem minmax(0,1fr); gap:4rem; padding-block:var(--reading-section-space); }
.page-reading .topic-intro h2,.page-reading .hub-reading-intro h2,.page-reading .topic-faq h2 { font-size:var(--text-heading); line-height:var(--leading-heading); }
.page-reading .topic-intro-body,.page-reading .hub-reading-list { max-width:var(--reading-measure); min-width:0; font-size:var(--text-body); line-height:var(--leading-body); }
.page-reading .topic-intro-body>p+p { margin-top:1.25rem; }
.page-reading .hub-reading-intro p { margin-top:1.25rem; font-size:var(--text-body); }
.page-reading .hub-reading-row { padding-block:2rem; }
.page-reading .hub-reading-row h3 { margin-block:.5rem .75rem; font-size:var(--text-title); line-height:var(--leading-heading); }
.page-reading .hub-reading-row h3 a { padding-block:0; overflow-wrap:normal; }
.page-reading .hub-reading-row>p:last-child { font-size:var(--text-body); line-height:var(--leading-body); }
.page-reading .hub-reading-category { font-size:var(--text-caption); }
.page-reading .hub-archive-link { margin-top:1.5rem; font-size:var(--text-body); }
.page-reading .topic-faq summary { padding-block:1.5rem; font-size:var(--text-body); line-height:var(--leading-body); }
.page-reading .topic-faq details>p { font-size:var(--text-body); line-height:var(--leading-body); }
.page-reading .hub-reference-note { width:min(100%,64rem); margin-inline:auto; padding-block:3rem var(--reading-section-space); }
.page-reading .hub-reference-note h2 { font-size:var(--text-title); }
.page-reading .hub-reference-note>p:last-child { max-width:var(--reading-measure); font-size:var(--text-caption); line-height:var(--leading-body); }
.page-reading .hub-source-links { gap:.5rem 2rem; margin-block:1.25rem; font-size:var(--text-body); }

/* A narrow prose column within the same 72rem outer frame. */
.page-reading .reading-page { padding-bottom:var(--reading-section-space); }
.page-reading .article-header { width:min(100%,var(--reading-grid-width)); max-width:none; margin:2rem auto 3rem; padding-left:calc(var(--reading-sidebar) + var(--reading-gutter)); }
.page-reading .article-header h1 { font-size:var(--text-heading); line-height:var(--leading-heading); letter-spacing:0; }
.page-reading .article-header .section-index { margin-bottom:1rem; font-size:var(--text-caption); }
.page-reading .article-lead { margin-top:1.5rem; font-size:var(--text-body); line-height:var(--leading-body); }
.page-reading .article-byline,.page-reading .article-topic-byline { margin-top:1.5rem; font-size:var(--text-caption); line-height:var(--leading-body); }
.page-reading .reading-layout { width:min(100%,var(--reading-grid-width)); margin-inline:auto; grid-template-columns:var(--reading-sidebar) minmax(0,var(--reading-measure)); gap:var(--reading-gutter); }
.page-reading .reading-body { max-width:var(--reading-measure); font-size:var(--text-body); line-height:var(--leading-body); }
.page-reading .reading-body>section { margin-top:4rem; scroll-margin-top:1rem; }
.page-reading .reading-body h2 { font-size:var(--text-title); line-height:var(--leading-heading); margin-bottom:1.5rem; }
.page-reading .reading-body h3 { font-size:1.25rem; line-height:var(--leading-heading); margin-block:2rem 1rem; }
.page-reading .reading-body p+p { margin-top:1.25rem; }
.page-reading .reading-body li { margin-block:1rem; }
.page-reading .reading-body .quick-answer { padding:2rem; border-radius:1rem; font-size:var(--text-body); line-height:var(--leading-body); }
.page-reading .quick-answer>strong { font-size:var(--text-body); color:var(--ink); }
.page-reading .quick-answer>p { margin-top:1rem; }
.page-reading .article-toc { font-size:var(--text-caption); line-height:1.75; }
.page-reading .reading-contents>summary { font-size:var(--text-body); margin-bottom:.75rem; }
.page-reading .reading-contents .toc-links { max-height:calc(100dvh - var(--site-header-offset) - 5rem); }
.page-reading .article-toc a { padding:.75rem; }
.page-reading .reading-body .article-table { width:100%; min-width:0; table-layout:fixed; margin-block:2rem; font-size:var(--text-body); line-height:var(--leading-body); }
.page-reading .article-table th,.page-reading .article-table td { width:auto; min-width:0; padding:1rem; overflow-wrap:anywhere; }
.page-reading .article-table thead th:first-child { width:24%; }
.page-reading .article-sources { padding-top:2rem; font-size:var(--text-caption); line-height:var(--leading-body); }
.page-reading .article-sources li>p { font-size:var(--text-caption); margin-top:.5rem; }
.page-reading .article-sources [id] { scroll-margin-top:1rem; }
.page-reading .reading-related { padding-top:2rem; }
.page-reading .reading-related-list a { font-size:var(--text-body); }

@media(max-width:68.75em) {
 .page-reading { --reading-section-space:4rem; --reading-sidebar:12rem; --reading-gutter:2rem; }
 .page-reading .wrap { width:calc(100% - 4rem); }
 .page-reading .topic-masthead { gap:2rem; }
 .page-reading .topic-hub-simple :is(.topic-intro,.hub-reading-section,.topic-faq) { grid-template-columns:12rem minmax(0,1fr); gap:2rem; }
}
@media(max-width:47.5em) {
 .page-reading { --reading-section-space:3.5rem; --text-title:1.375rem; }
 .page-reading .wrap { width:calc(100% - 3rem); }
 .page-reading .breadcrumbs { padding-block:1.5rem; }
 .page-reading .topic-masthead { grid-template-columns:minmax(0,1fr); padding-top:1rem; gap:2rem; }
 .page-reading .topic-hub-simple :is(.topic-intro,.hub-reading-section,.topic-faq) { grid-template-columns:minmax(0,1fr); gap:2rem; }
 .page-reading .hub-reading-row { padding-block:1.5rem; }
 .page-reading .hub-reference-note { padding-top:2rem; }
 .page-reading .hub-source-links { display:flex; flex-direction:column; align-items:start; gap:.5rem; }
 .page-reading .article-header { padding:0; margin-block:1rem 2rem; }
 .page-reading .reading-layout { grid-template-columns:minmax(0,1fr); gap:2rem; }
 .page-reading .reading-contents>summary { margin:0; }
 .page-reading .reading-contents .toc-links { max-height:none; }
 .page-reading .article-toc a { margin-inline:0; padding:.75rem 0; }
 .page-reading .reading-body>section { margin-top:3rem; }
 .page-reading .reading-body .quick-answer { padding:1.5rem; }
 .page-reading .article-table tbody tr { padding-block:1rem; }
 .page-reading .article-table :is(td,tbody th) { padding:.75rem 0; }
}

/* Article illustrations and research facts keep the same prose scale. */
.page-reading .reading-body { min-width:0; }
.page-reading .source-figure { margin-block:2rem; }
.page-reading .source-figure figcaption { font-size:var(--text-caption); line-height:var(--leading-body); }
.page-reading :is(.research-facts,.research-details,.research-citation,.movement-list) { font-size:var(--text-body); line-height:var(--leading-body); }
.page-reading :is(.research-facts,.research-details) dt { font-size:var(--text-body); }
.page-reading .reading-body .reference-table { font-size:var(--text-body); line-height:var(--leading-body); }
.page-reading .reading-body :is(.research-row,.research-guide-row) h3 { font-size:var(--text-title); margin:0; }
.page-reading .reading-body :is(.research-row,.research-guide-row)>p { font-size:var(--text-body); }

/* Collections use the same outer frame and a consistent inner reading grid. */
.page-reading :is(.research-center,.topic-archive) { padding-bottom:var(--reading-section-space); }
.page-reading :is(.research-intro,.archive-header) { width:min(100%,var(--reading-grid-width)); max-width:none; margin-inline:auto; padding-block:2rem 3rem; }
.page-reading :is(.research-intro,.archive-header) h1 { font-size:var(--text-heading); line-height:var(--leading-heading); }
.page-reading :is(.research-intro,.archive-header)>p { max-width:var(--reading-measure); margin-top:1.5rem; font-size:var(--text-body); line-height:var(--leading-body); text-wrap:pretty; word-break:normal; }
.page-reading .research-intro>.research-collection-meta { font-size:var(--text-caption); }
.page-reading :is(.research-nav,.research-catalog,.research-guides,.research-center>.research-scope,.knowledge-layout,.archive-layout) { width:min(100%,var(--reading-grid-width)); max-width:none; margin-inline:auto; }
.page-reading .research-nav { gap:.5rem 1.5rem; margin-bottom:3rem; }
.page-reading .research-nav a { font-size:var(--text-body); }
.page-reading :is(.research-catalog-heading h2,.research-guides>h2,.knowledge-group-head h2) { font-size:var(--text-title); line-height:var(--leading-heading); }
.page-reading .research-catalog-heading { margin-bottom:2rem; }
.page-reading .research-catalog-heading>a { font-size:var(--text-caption); }
.page-reading .research-filters { grid-template-columns:minmax(0,1fr) auto; gap:1rem; }
.page-reading .research-filters .research-query { grid-column:1/-1; }
.page-reading .research-filters :is(label,summary) { font-size:var(--text-body); }
.page-reading .research-filters :is(input,select,.button) { font-size:var(--text-body); min-height:3rem; }
.page-reading .research-results-bar { font-size:var(--text-caption); margin-block:1.5rem 0; }
.page-reading :is(.research-row,.research-guide-row) { max-width:none; padding-block:2rem; }
.page-reading :is(.research-row,.research-guide-row) h3 { max-width:var(--reading-measure); font-size:var(--text-title); line-height:var(--leading-heading); }
.page-reading :is(.research-row,.research-guide-row)>p { max-width:var(--reading-measure); font-size:var(--text-body); line-height:var(--leading-body); margin-top:1rem; }
.page-reading :is(.research-row-meta,.research-row-foot) { font-size:var(--text-caption); }
.page-reading .research-guides { margin-top:var(--reading-section-space); }
.page-reading .research-scope { margin-top:3rem; padding:2rem; border-radius:1rem; }
.page-reading .research-scope h2 { font-size:var(--text-title); line-height:var(--leading-heading); }
.page-reading .research-scope p { max-width:var(--reading-measure); font-size:var(--text-body); line-height:var(--leading-body); }
.page-reading .knowledge-center .research-intro { margin-bottom:3rem; }
.page-reading .knowledge-center .research-intro>p:not(.research-collection-meta) { font-size:var(--text-body); line-height:var(--leading-body); word-break:normal; text-wrap:pretty; }
.page-reading .knowledge-toc>div a { padding-inline:1rem; }
.page-reading .knowledge-layout,.page-reading .archive-layout { grid-template-columns:var(--reading-sidebar) minmax(0,1fr); gap:var(--reading-gutter); }
.page-reading .knowledge-topics { margin-top:2rem; }
.page-reading .knowledge-side { gap:1rem; }
.page-reading .knowledge-toc>p { font-size:var(--text-caption); }
.page-reading .knowledge-group { padding-top:4rem; scroll-margin-top:1rem; }
.page-reading .knowledge-group-note { margin-top:1rem; font-size:var(--text-body); line-height:var(--leading-body); }
.page-reading .knowledge-grid,.page-reading .knowledge-grid:has(>.compact) { grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 2rem; margin-top:2rem; }
.page-reading .knowledge-card,.page-reading .knowledge-card.compact { display:grid; grid-template-rows:subgrid; grid-row:span 3; padding-block:1.5rem 2rem; }
.page-reading .knowledge-card.compact { grid-row:span 1; }
.page-reading .knowledge-card.compact:has(.knowledge-card-meta) { grid-row:span 2; }
.page-reading .knowledge-card-meta { font-size:var(--text-caption); }
.page-reading .knowledge-card h3 { font-size:1.25rem; line-height:1.5; }
.page-reading .knowledge-card h3+p { margin-top:1rem; font-size:var(--text-body); line-height:var(--leading-body); }
.page-reading .knowledge-catalog .research-filters>.button { grid-column:2; grid-row:2; }
.page-reading .knowledge-catalog .research-advanced { grid-column:1; grid-row:2; }
.page-reading .archive-header>.text-link { margin-top:1.5rem; font-size:var(--text-body); }
.page-reading .archive-categories :is(a,a>span),.page-reading .archive-tools :is(input,select,button) { font-size:var(--text-body); }
.page-reading .archive-categories .section-index,.page-reading .archive-tools label,.page-reading .article-results { font-size:var(--text-caption); }
.page-reading .archive-content .topic-story { padding-block:2rem; }
.page-reading .archive-content .topic-story h3 { font-size:var(--text-title); line-height:var(--leading-heading); }
.page-reading .archive-content .topic-story p { margin-top:1rem; font-size:var(--text-body); line-height:var(--leading-body); }
.page-reading .archive-content .topic-story-meta { font-size:var(--text-caption); }
@media(width > 62.5em) and (height >= 37.5em) {
 .page-reading .knowledge-side { top:calc(var(--site-header-offset) + 1rem); max-height:calc(100dvh - var(--site-header-offset) - 2rem); overflow-y:auto; }
}
@media(max-width:62.5em) {
 .page-reading .knowledge-layout { grid-template-columns:minmax(0,1fr); }
}
@media(max-width:47.5em) {
 .page-reading :is(.research-intro,.archive-header) { padding-block:1rem 2rem; }
 .page-reading .knowledge-center .research-intro { margin-bottom:2rem; }
 .page-reading .research-nav { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.5rem; margin-bottom:2rem; }
 .page-reading .knowledge-topics>div { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.5rem; }
 .page-reading .research-catalog-heading { margin-bottom:1.5rem; }
 .page-reading .research-filters { grid-template-columns:minmax(0,1fr); }
 .page-reading .knowledge-catalog .research-advanced { grid-column:1; grid-row:auto; }
 .page-reading :is(.research-row,.research-guide-row) { padding-block:1.5rem; }
 .page-reading .research-scope { padding:1.5rem; }
 .page-reading .knowledge-group { padding-top:3rem; }
 .page-reading .knowledge-grid,.page-reading .knowledge-grid:has(>.compact) { grid-template-columns:minmax(0,1fr); gap:0; margin-top:1.5rem; }
 .page-reading .knowledge-card,.page-reading .knowledge-card.compact { display:block; grid-row:auto; }
 .page-reading .knowledge-card h3 { font-size:var(--text-title); }
 .page-reading .archive-layout { grid-template-columns:minmax(0,1fr); gap:2rem; }
 .page-reading .archive-content .topic-story { padding-block:1.5rem; }
}