/* Screen proportions: preserve document typography and all printable classroom layouts. */
@media screen {
 .site-search-link{grid-area:search;justify-self:end;width:max-content;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:44px;padding:.45rem .8rem;border:1px solid var(--line);border-radius:999px;color:var(--ink);font-size:.9rem;font-weight:700;text-decoration:none;white-space:nowrap}
 .site-search-link:hover,.site-search-link[aria-current]{background:var(--sunk)}.site-search-link:focus-visible{outline:3px solid var(--teal);outline-offset:3px}.site-search-link svg{flex:none}
 body:not([class*="page-classroom-"]):not(.page-index):not(.page-search) main.wrap{gap:1.5rem;padding-block-start:1.25rem;padding-block-end:3rem}
 body:not([class*="page-classroom-"]) main.wrap>.phead{padding:.25rem 0;gap:.65rem;margin-block:0}
 body:not([class*="page-classroom-"]) .phead h1,body .ahead h1{font-size:clamp(2rem,3.8vw,3.15rem);line-height:1.15;max-width:30ch;padding-inline-end:0;letter-spacing:-.025em;text-wrap:balance;margin-block:0 .25rem}
 body.l-ar:not([class*="page-classroom-"]) .phead h1,body.l-ar .ahead h1{font-size:clamp(1.9rem,3.45vw,2.85rem);line-height:1.42;letter-spacing:0;max-width:32ch}
 body:not([class*="page-classroom-"]) .phead .lead,body .ahead .lead{max-width:74ch;padding-inline-end:0;margin-block:.2rem;font-size:1.12rem;line-height:1.7}
 body:not([class*="page-classroom-"]) .phead .tldr{margin-block:.6rem 0}
 body:not([class*="page-classroom-"]) main.wrap>.hubtabs,body:not([class*="page-classroom-"]) main.wrap>.crumbs{margin-block:0;min-width:0}
 body:not([class*="page-classroom-"]) main.wrap>.reading-context{margin-block:.25rem 0;max-width:78ch}
 body:not([class*="page-classroom-"]) main.wrap>.reading-context-sources{margin-block:0}
 body:not([class*="page-classroom-"]) main.wrap>.prose{margin-block:0}
 body:not([class*="page-classroom-"]) main.wrap>.sec,body:not([class*="page-classroom-"]) main.wrap>.closer{margin-block:.5rem 0}
 body:not([class*="page-classroom-"]) .prose>.sec{margin-block:1.8rem 0}
 body:not([class*="page-classroom-"]) .prose>.sec:first-child{margin-block-start:0}
 body:not([class*="page-classroom-"]) .prose>.sec>h2:first-child{margin-block-start:0}
 body:not([class*="page-classroom-"]) .prose>.sec>p{max-width:74ch}
 body .ahead{padding-block:.25rem 0;gap:1rem}
 body .ahead .aintro{gap:1rem}
 body .ahead .ahead-copy{gap:.65rem}
 .foot-in{padding-block:2.25rem 1.5rem;gap:1.35rem}
}
@media screen and (min-width:1180px){
 /* Keep the useful contents rail; place preparatory reading before the article. */
 body main.wrap:has(>.phead>:is(.section-nav:not(.symbol-tiles),.story-chapters)):has(>.prose){--rail-gap:2.5rem;row-gap:0}
 body main.wrap:has(>.phead>:is(.section-nav:not(.symbol-tiles),.story-chapters)):has(>.prose)>.phead>*{margin-block:.65rem 0}
 body main.wrap:has(>.phead>:is(.section-nav:not(.symbol-tiles),.story-chapters)):has(>.prose)>.phead>h1{margin-block-start:1.35rem}
 body main.wrap:has(>.phead>:is(.section-nav:not(.symbol-tiles),.story-chapters)):has(>.prose)>.phead>.tldr{margin-block-start:.85rem}
 body main.wrap:has(>.phead>:is(.section-nav:not(.symbol-tiles),.story-chapters)):has(>.prose)>.phead>:is(.read-time,.share-trigger,.read-depth){margin-block-start:.75rem}
 body main.wrap:has(>.phead>:is(.section-nav:not(.symbol-tiles),.story-chapters)):has(>.prose)>.phead>:is(.story-pair,.toc){margin-block-start:1rem}
 body main.wrap:has(>.phead>:is(.section-nav:not(.symbol-tiles),.story-chapters)):has(>.prose)>.reading-context{order:1;grid-column:1/-1;margin-block:1.25rem 0}
 body main.wrap:has(>.phead>:is(.section-nav:not(.symbol-tiles),.story-chapters)):has(>.prose)>.reading-context-sources{order:1;grid-column:1/-1;margin-block:.5rem 0}
 body main.wrap:has(>.phead>:is(.section-nav:not(.symbol-tiles),.story-chapters)):has(>.prose)>.prose{margin-block-start:1.5rem}
 body main.wrap:has(>.phead>:is(.section-nav:not(.symbol-tiles),.story-chapters)):has(>.prose)>.phead>:is(.section-nav,.story-chapters){margin-block-start:1.5rem;top:calc(var(--reader-header,64px) + 1rem)}
}
@media screen and (max-width:900px){
 .site-search-link{justify-content:flex-start;min-height:48px;width:100%;border-radius:12px;padding-inline:1rem}
 body:not([class*="page-classroom-"]):not(.page-index):not(.page-search) main.wrap{gap:1.25rem;padding-block-start:1rem}
 body:not([class*="page-classroom-"]) .phead h1,body .ahead h1{font-size:clamp(1.9rem,5vw,2.5rem);line-height:1.2;max-width:30ch}
 body.l-ar:not([class*="page-classroom-"]) .phead h1,body.l-ar .ahead h1{font-size:clamp(1.9rem,4.6vw,2.4rem);line-height:1.42}
 body:not([class*="page-classroom-"]) .phead .lead,body .ahead .lead{font-size:1.06rem}
 body:not([class*="page-classroom-"]) .phead>.story-chapters,body:not([class*="page-classroom-"]) .phead>.section-nav{margin-block:.6rem 0}
 .foot-in{padding-block-start:1.75rem}
}
@media print{.site-search-link{grid-area:search;justify-self:end;display:none!important}}
@media screen{body[class*="page-journeys-"] main.wrap{max-width:960px}}
@media screen{
 /* Nested breadcrumb links must shrink inside their flex item before ellipsis. */
 .crumbs a{min-width:0;max-width:100%}.crumbs a>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crumbs a>svg{flex:none}
}