/* Reversible handoff layer. Existing typography, palette and content remain authoritative. */
:root{--sb-ease:cubic-bezier(.2,.7,.2,1)}
body.application-surface .app-bar{transition:box-shadow 200ms var(--sb-ease)}
body.application-surface .app-bar.sb-scrolled{box-shadow:0 1px 0 var(--line),0 5px 18px -14px var(--ink)}
/* Space between ideas, without increasing the daily carousel's reading height. */
html body.application-surface main :is(.discovery-grid-split,.home-witness-section,.journal-supplement){margin-block-start:clamp(28px,4vw,48px)!important}
body.application-surface main :is(.section-heading,.section-head){row-gap:12px}
body.application-surface main :is(.journal-card,.witness-card,.path-card){transition:box-shadow 200ms var(--sb-ease),transform 200ms var(--sb-ease)}
@media(hover:hover) and (pointer:fine){
 body.application-surface main :is(.journal-card,.witness-card,.path-card):hover{transform:translateY(-2px);box-shadow:0 8px 24px -18px var(--ink)}
}
body.application-surface :is(.button,.quiet-button,.research-button,.native-primary){transition:background-color 180ms var(--sb-ease),box-shadow 180ms var(--sb-ease)}
body.application-surface :is(.button,.quiet-button,.research-button,.native-primary):focus-visible{outline:2px solid var(--ink);outline-offset:4px}
body.application-surface .mobile-app-nav{padding-bottom:max(8px,env(safe-area-inset-bottom));border-top:1px solid var(--line)}
body.application-surface .mobile-app-nav a{min-height:44px;min-width:44px;border-radius:12px;transition:background-color 180ms var(--sb-ease)}
body.application-surface .mobile-app-nav a[aria-current="page"]{background:var(--soft);color:var(--ink)}
body.application-surface .mobile-app-nav a:focus-visible{outline:2px solid var(--ink);outline-offset:-3px}
/* Only the utility header is decorated; article text and portrait geometry stay intact. */
.sb-reading-progress{position:fixed;inset:0 0 auto;height:2px;z-index:81;background:var(--muted);transform:scaleX(0);transform-origin:left;pointer-events:none}
@media(prefers-reduced-motion:reduce){
 body.application-surface .app-bar,body.application-surface main :is(.journal-card,.witness-card,.path-card),body.application-surface :is(.button,.quiet-button,.research-button,.native-primary),body.application-surface .mobile-app-nav a{transition:none!important;transform:none!important}
 .sb-reading-progress{display:none}
}
@media print{.sb-reading-progress{display:none}}