/* Final interaction layer. It changes states, never the established layout or imagery. */
html{scroll-behavior:auto}
.reveal,.reveal.visible{opacity:1;transform:none;transition:none}
.scroll-progress span{width:100%;transform:scaleX(0);transform-origin:left center}
#hero-title>span{overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}
#hero-title .headline-line{display:block}
#hero-title .headline-word{display:inline-block;vertical-align:top}
.journal-motion-tools{display:flex;align-items:center;justify-content:space-between;gap:.4rem 1rem;flex-wrap:wrap;padding:.35rem 0;border-bottom:1px solid var(--journal-rule);color:var(--forest)}
.journal-motion-tools[hidden],.journal-motion-tools [hidden],.metric-toolbar [hidden]{display:none!important}
.journal-motion-tools button,.metric-toolbar button{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;border:0;background:transparent;color:inherit;padding:.35rem 0;font:400 .875rem/1.25 var(--font-label);letter-spacing:.04em;cursor:pointer}
.journal-motion-tools button:disabled{opacity:.5;cursor:default}
.journal-motion-tools button:not(:disabled):hover,.metric-toolbar button:hover{text-decoration:underline;text-underline-offset:5px}
.journal-motion-tools [data-motion-status]{flex-basis:100%;font:400 .8125rem/1.4 var(--font-label);padding-bottom:.4rem}
.motion-switch{position:relative;width:26px;height:15px;border:1px solid currentColor;display:block}
.motion-switch::before{content:"";position:absolute;top:2px;left:2px;width:9px;height:9px;background:currentColor;transform:translateX(10px)}
[aria-pressed="false"]>.motion-switch::before{transform:none}
.metric-toolbar{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem 1rem;color:var(--forest);font:400 .875rem/1.4 var(--font-label);letter-spacing:.05em;margin-bottom:-1px;border-bottom:1px solid var(--journal-rule)}
.metric-toolbar+ .metric-field{margin-top:0}
.metric-toolbar button>span,.journal-motion-tools [data-replay-intro]>span{font:1.3rem/1 Arial,sans-serif}
/* Full readable type is always underneath the decorative ink. No text fades
   into invisibility and the highlight adds no page height or scroll pinning. */
.editorial-note p .lead-word{position:relative;display:inline-block;font:inherit;line-height:inherit;letter-spacing:inherit;color:inherit}
.editorial-note p .lead-ink{display:none}
.editorial-note p.lead-kinetic .lead-word{color:#66705f}
.editorial-note p.lead-kinetic .lead-ink{position:absolute;inset:0;display:block;color:var(--ink);font:inherit;line-height:inherit;letter-spacing:inherit;white-space:nowrap;pointer-events:none;clip-path:inset(0 100% 0 0)}
.editorial-note p.lead-kinetic .lead-emphasis .lead-ink{background:var(--brand-green);box-shadow:0 .025em 0 var(--forest)}
/* Authored lines move through their own masks; their text and emphasis stay intact. */
.chapter-headline-mask{display:block;overflow:hidden;padding-block:.13em;margin-block:-.13em}
.chapter-headline-line{display:block;font:inherit;letter-spacing:inherit;color:inherit}
.chapter-headline>br{display:none}
/* The final number reserves its exact space while the drum runs over it.
   Scope every digit style below strong: label styles must never shrink numerals. */
.metric-field article{position:relative}
.metric-field article strong{position:relative;display:inline-block;align-self:flex-start;white-space:nowrap;font-variant-numeric:tabular-nums;font-kerning:none;letter-spacing:0;line-height:1.08}
.metric-field article strong span{font:inherit;letter-spacing:inherit;max-width:none;color:inherit}
.metric-field article strong .metric-final{display:block;opacity:0}
.metric-field article strong .metric-drum{position:absolute;inset:0;display:flex;align-items:flex-start;white-space:pre;pointer-events:none}
.metric-field article strong .metric-wheel{display:block;flex:0 0 1ch;width:1ch;height:1.08em;overflow:hidden}
.metric-field article strong .metric-strip{display:block}
.metric-field article strong .metric-digit{display:block;height:1.08em;line-height:1.08}
.metric-field article.metric-engaged::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--forest);transform:scaleX(var(--metric-rule,0));transform-origin:left center;pointer-events:none}
.metric-field article::before{content:"0" counter(metric-card);position:absolute;right:.75rem;top:.65rem;font:400 .75rem/1 var(--font-label);letter-spacing:.08em;opacity:.34}
.metric-field{counter-reset:metric-card}
.metric-field article{counter-increment:metric-card}
.metric-field article.metric-complete::before{opacity:.72;color:var(--forest)}
.press-curtain,.press-register{position:absolute;inset:0;z-index:4;display:block;pointer-events:none;transform:scaleX(0)}
.press-curtain{background:var(--paper)}
.press-register{z-index:5;background:var(--brand-green);clip-path:inset(0 0 0 calc(100% - 5px))}
.issue-panel .press-curtain,.history .press-curtain{background:var(--ink)}
.issue-panel .press-register,.history .press-register{background:var(--brand-green)}
[data-chapter-number]{position:relative}
.chapter-register{position:absolute;z-index:0;right:var(--pad);top:clamp(1.5rem,4vw,4rem);display:grid;grid-template-columns:auto auto;align-items:end;gap:.35rem .8rem;width:min(15rem,24vw);overflow:hidden;pointer-events:none;color:currentColor;opacity:.11}
.chapter-register>span{font:400 .72rem/1 var(--font-label);letter-spacing:.14em;padding-bottom:.45rem}
.chapter-register>strong{font:400 clamp(5rem,10vw,9rem)/.78 var(--font-display);letter-spacing:-.03em}
.chapter-register>i{grid-column:1/-1;display:block;height:2px;background:currentColor}
.history .chapter-register,.campus-legend .chapter-register{color:var(--brand-green);opacity:.14}
.reading-chapters{position:relative}
.reading-cursor{position:absolute;left:0;bottom:0;width:1px;height:3px;background:var(--forest);transform-origin:left center;pointer-events:none;opacity:0}
.journal-dateline,.cover-colophon{position:relative;--rule-scale:1}
.journal-dateline::after,.cover-colophon::after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:currentColor;transform:scaleX(var(--rule-scale));transform-origin:left center;pointer-events:none}
.issue-entry{--rule-scale:0}
.issue-entry::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--forest);transform:scaleX(var(--rule-scale));transform-origin:left center;transition:transform .22s ease;pointer-events:none}
.issue-entry:hover,.issue-entry:focus-visible,.issue-entry[aria-current="location"]{--rule-scale:1}
.issue-entry[aria-expanded="true"] .issue-number{opacity:1}
.issue-panel{transition:none}
.issue-panel.is-current{isolation:isolate}
.chapter-depth,.detail-body{min-width:0;display:flow-root}
.chapter-depth[hidden]{display:none!important}
.chapter-toggle:active,.chapter-close:active,.compare-controls button:active,.place-filters button:active,.archive-controls button:active,.explorer-actions button:active,.cover-main-link:active,.health-partners-link:active{translate:0 1px}
.chapter-toggle:focus-visible,.chapter-close:focus-visible{outline-color:currentColor;outline-offset:5px}
.chapter-toggle-mark{transition:background-color .15s ease}
.chapter-toggle[aria-expanded="true"] .chapter-toggle-mark{background:var(--brand-green);color:var(--ink)}
details[data-expanded="false"] summary span{transform:none}
details>summary{min-height:44px}
.issue-guide,.places-grid,.gallery-track{min-width:0}
.place-filters>div,.history-tabs{overscroll-behavior-inline:contain;scrollbar-width:thin}
.place-filters button{min-height:44px}
.places-grid button,.places-grid button:hover:not(.selected){transform:none;box-shadow:none;transition:background-color .18s,color .18s}
.history-tabs button:hover .era-icon,.poster-window:hover{transform:none}
.gallery-track figure,.gallery-track figure:hover{box-shadow:none}
.gallery-track img,.gallery-track img:hover,.motion-scene>img{transform:none;transition:none}
.ui-arrow,.archive-link-arrow{font-variant-emoji:text}
.journal-read-link:hover>span,.journal-read-link:focus-visible>span,.legend-actions a:hover .ui-arrow,.legend-actions a:focus-visible .ui-arrow{transform:translate(4px,-4px)}
.legend-actions .ui-arrow{transition:transform .2s ease}
.compare-shell{--split:52%;height:auto;min-height:0;aspect-ratio:3/2;touch-action:pan-y}
.compare-layer img{object-fit:contain;transform:none;filter:none}
.compare-shell input{margin:0;touch-action:pan-y}
.compare-shell:focus-within .compare-rule b{outline:3px solid var(--paper);outline-offset:4px}
.compare-shell .compare-rule b{min-width:48px;min-height:48px}
.compare-legend{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin:.9rem 0 0;font:400 .875rem/1.4 var(--font-label);color:var(--forest)}
.compare-legend span:last-child{text-align:right}
.compare-layer>span{font-size:.75rem;max-width:47%;line-height:1.35}
.archive-mount img{filter:none!important}
[data-gallery]{display:block;cursor:zoom-in}
.site-lightbox{--backdrop-alpha:.88}
.site-lightbox::backdrop{background:rgba(17,19,18,var(--backdrop-alpha))}
.lightbox-stage{touch-action:pan-y}
.lightbox-stage img{pointer-events:auto}
.site-lightbox[open]{max-height:calc(100dvh - 2rem);overflow-y:auto}
.site-lightbox>p{white-space:pre-line;overflow-wrap:anywhere}
body[data-menu-open] .back-to-top,body[data-lightbox-open] .back-to-top{visibility:hidden;pointer-events:none}
.back-to-top{width:58px;height:68px;right:max(14px,env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom));transition:none}
.back-to-top:focus-visible{outline:3px solid var(--forest);outline-offset:4px}
.back-to-top[hidden]{display:none!important}
body{padding-bottom:0}
.site-directory-footer{padding-bottom:calc(100px + env(safe-area-inset-bottom))}
@media(max-width:1200px){.site-header nav{inset:var(--header-height) 0 auto;max-height:calc(100dvh - var(--header-height));padding:1rem var(--pad) 2rem;z-index:1;border-bottom:1px solid var(--brand-green)}.site-header nav a{font-size:clamp(1.3rem,3.2vw,1.8rem);min-height:48px}.site-header .brand,.site-header .menu-toggle{position:relative}}
@media(max-width:640px){.compare-legend{font-size:.8rem;gap:.4rem}.compare-layer>span{display:none}.compare-controls{gap:.5rem}.compare-controls button{padding:.6rem .65rem;font-size:.8rem}.back-to-top{width:48px;height:58px;right:10px}.back-to-top svg{width:20px;height:20px}.back-to-top>span:not(.top-progress){font-size:.8rem}.lightbox-stage{grid-template-columns:44px minmax(0,1fr) 44px;gap:2px;padding:.5rem}.lightbox-stage img{height:min(64dvh,720px)}}
@media(max-width:900px){.chapter-register{right:var(--pad);top:1.25rem;width:7rem;opacity:.075}.chapter-register>span{font-size:.62rem}.chapter-register>strong{font-size:4.5rem}.press-register{clip-path:inset(0 0 0 calc(100% - 3px))}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}html:not([data-motion-preference="on"]) *,html:not([data-motion-preference="on"]) *::before,html:not([data-motion-preference="on"]) *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.issue-entry::after{transform:none}html:not([data-motion-preference="on"]) :is(.reveal,.reveal.visible,.cover-art,.headline-line,.headline-word){opacity:1!important;transform:none!important;clip-path:none!important}.chapter-toggle:active,.chapter-close:active,.cover-main-link:active{translate:none}html:not([data-motion-preference="on"]) :is(.press-curtain,.press-register){display:none!important}html:not([data-motion-preference="on"]) .chapter-register>*{opacity:1!important;transform:none!important}.reading-cursor{transition:none!important}}
html[data-motion-enabled="false"] *,html[data-motion-enabled="false"] *::before,html[data-motion-enabled="false"] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}