/* One liquid-glass material for every interface control in prototype 3. */
:root{--glass-fill:linear-gradient(145deg,#ffffff8c,#ffffff30 48%,#f6e7ef47);--glass-hover:linear-gradient(145deg,#ffffffb0,#ffffff55 48%,#f6e7ef75);--glass-edge:#ffffffc9;--glass-ink:#392d3c;--glass-shadow:0 7px 22px #6645571c,inset 0 1.5px 1px #ffffffe0,inset 1px 0 2px #ffffff80,inset 0 -1px 2px #a78ba447;--glass-focus:#733e62}
.story-nav,.project-section,.night-passage,.story-footer,.story-embedded{--glass-fill:linear-gradient(135deg,#e7f3ff30,#b5d8ec0c 48%,#bce1d720);--glass-hover:linear-gradient(135deg,#e7f3ff4d,#b5d8ec24 48%,#bce1d737);--glass-edge:#d8edf75e;--glass-ink:#f3f7f4;--glass-shadow:0 8px 23px #020d202b,inset 0 1.5px 1px #ffffff75,inset 1px 0 2px #ffffff30,inset 0 -1px 2px #8bb8d52b;--glass-focus:#c6f4ed}
body :is(button:not(.comet),.hero-button,.hero-direct,.nav-contact,.text-link,.passage-link,.theme-index a,.story-nav nav a,.story-footer a:not(.story-brand),.main-action,.resource-action,.course-more summary){
 background:var(--glass-fill)!important;color:var(--glass-ink)!important;border:1px solid var(--glass-edge)!important;border-radius:999px;box-shadow:var(--glass-shadow)!important;backdrop-filter:blur(16px) saturate(155%);-webkit-backdrop-filter:blur(16px) saturate(155%);text-shadow:0 1px 8px #ffffff08;transition:background .2s,box-shadow .2s,border-color .2s;outline-offset:4px;
}
body :is(button:not(.comet),.hero-button,.hero-direct,.nav-contact,.text-link,.passage-link,.theme-index a,.story-nav nav a,.story-footer a:not(.story-brand),.main-action,.resource-action,.course-more summary):hover:not(:disabled){background:var(--glass-hover)!important;border-color:#ffffffbd!important}
body :is(button:not(.comet),.hero-button,.hero-direct,.nav-contact,.text-link,.passage-link,.theme-index a,.story-nav nav a,.story-footer a:not(.story-brand),.main-action,.resource-action,.course-more summary):focus-visible{outline:2px solid var(--glass-focus);outline-offset:4px}
body button:not(.comet):active:not(:disabled){box-shadow:inset 0 2px 8px #16314925,inset 0 1px 0 #ffffff80!important}
body button:disabled{opacity:.38;cursor:default}
body :is(.text-link,.hero-direct,.story-nav nav a,.story-footer a:not(.story-brand),.course-more summary){padding:11px 17px;min-height:44px;text-decoration:none}
.story-nav nav{gap:12px}.story-nav nav>a:after{display:none}.story-nav nav>a{white-space:nowrap}.story-footer nav{gap:8px}.story-footer nav>a{display:inline-flex;align-items:center;justify-content:center}.story-footer a[aria-current]{border-color:#ffffffd6!important;box-shadow:var(--glass-shadow),0 0 0 1px #bde0d84d!important}
body .resource-action{padding:12px 15px;margin-top:10px;text-decoration:none;line-height:1.4}body .course-more summary{display:inline-block;padding:9px 15px;margin-top:6px;min-height:40px}
.story-embedded :is(.quiet-button,.text-button){min-height:40px;padding:9px 15px}
.story-embedded #legend-toggle{padding:10px 13px;margin:12px 0 7px;min-height:40px;width:100%}.story-embedded .theme-item{margin-top:5px;padding:7px 10px;min-height:43px}.story-embedded #legend{padding-top:0}
.story-embedded :is(.close-button,.page-button){min-width:36px;min-height:36px}.story-embedded #search-form button{width:29px;height:29px;min-height:0;padding:0;top:4px;right:4px}
/* The illustrated choices retain their full images inside the same glass rim. */
body .cover-card{border-radius:17px!important;padding:9px;overflow:visible}.cover-card .cover-image{border-radius:10px}.cover-card .cover-caption{padding:0 2px}.cover-card .cover-meta{padding:0 2px}.cover-card .folder-case{margin-top:12px}.cover-card.is-shot{border-color:var(--accent)!important;box-shadow:var(--glass-shadow),0 0 22px color-mix(in srgb,var(--accent) 35%,transparent)!important}
@media(max-width:1050px) and (min-width:761px){.story-nav nav{gap:7px}.story-nav nav>a{padding:10px 12px;font-size:10px}}
@media(max-width:760px){body .text-link{padding:12px 16px}.story-footer nav a{font-size:10px;padding:10px 13px}.story-embedded #legend-toggle{margin:5px 0;padding:10px 12px}.story-embedded .theme-item{padding:7px;margin-top:3px}.story-embedded .theme-item .theme-name{font-size:10px}.story-embedded .cover-card{padding:7px;border-radius:13px!important}.story-embedded .gallery-hint{font-size:9px}.story-embedded #legend{max-height:300px}}
@media(prefers-reduced-motion:reduce){body :is(button,.hero-button,.hero-direct,.nav-contact,.text-link,.resource-action){transition:none}}
@media(prefers-reduced-transparency:reduce){:root{--glass-fill:linear-gradient(#fff7fa,#f2e8ee);--glass-hover:linear-gradient(#fff,#faeff5)}.story-nav,.project-section,.night-passage,.story-footer,.story-embedded{--glass-fill:linear-gradient(#344c60,#203547);--glass-hover:linear-gradient(#415e73,#2b4357)}}