/* Astraeum skin for the Big Ideas Library (Vault I). Variable-driven overrides only: covers and the embedded book explainers keep their own designs. */
:root:root:root{--bg:#0c0810;--card:#170f14;--ink:#f4e9d2;--muted:#c2b295;--rule:rgba(246,194,107,.3);--brass:#f6c26b;--sky:#0f0a12;--thread:#7a6652;--f-body:"Space Grotesk","Segoe UI",system-ui,sans-serif;--f-mono:"Chakra Petch","Segoe UI",system-ui,sans-serif;color-scheme:dark}
html{background:#0c0810}
body{background:radial-gradient(1200px 500px at 85% -5%,rgba(255,157,63,.16),transparent 60%),#0c0810;font-weight:400;position:relative}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:60;opacity:.22;background:repeating-linear-gradient(0deg,rgba(0,0,0,.16) 0 1px,transparent 1px 3px);mix-blend-mode:multiply}
#reader{background:#0c0810}
body::after{display:block}
#reader:not([hidden]){z-index:100}
.libhub{position:sticky;top:0;z-index:55;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 20px;margin:0 -16px;background:rgba(12,8,16,.92);backdrop-filter:blur(8px);border-bottom:1px solid rgba(246,194,107,.3);color:#f4e9d2;font:600 .78rem/1 "Chakra Petch",system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.libhub a{color:#f4e9d2;text-decoration:none;padding:8px 10px;border-radius:0}
.libhub a:hover{color:#f6c26b;background:transparent}
.libhub a:focus-visible{outline:3px solid #40e8d4;outline-offset:2px}
.libhub [aria-current]{color:#f6c26b;background:transparent;box-shadow:inset 0 -2px 0 #f6c26b}
.libhub .lh-back{font-weight:700;padding-left:0;color:#f6c26b}
.libhorizon{position:relative;margin:0 -16px;height:150px;overflow:hidden;border-bottom:1px solid rgba(246,194,107,.3);background:linear-gradient(180deg,#06040a,#2a1319 70%,#7a3519)}
.libhorizon svg{position:absolute;inset:0;width:100%;height:100%}
.libhz-copy{position:absolute;left:max(20px,calc((100% - 1140px)/2));bottom:18px;display:flex;flex-direction:column;gap:2px}
.libhz-copy span{font:500 .74rem "Chakra Petch",sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#40e8d4}
.libhz-copy b{font:700 clamp(1.6rem,5vw,2.8rem)/1 "Syncopate","Arial Black",sans-serif;letter-spacing:.04em;color:#f4e9d2;text-shadow:0 0 28px rgba(255,157,63,.6)}
@media(max-width:380px){.libhub span a:first-child{display:none}}
.bar{border-bottom-color:rgba(246,194,107,.25)!important;color:#c2b295}
h1,h2{font-family:"Syncopate","Arial Black",sans-serif!important;font-weight:700!important;letter-spacing:.02em;text-transform:uppercase}
h1{font-size:clamp(1.8rem,5.2vw,3.5rem)!important;line-height:1.08!important;text-shadow:0 0 30px rgba(255,157,63,.35)}
h2{font-size:clamp(1.3rem,3.2vw,2rem)!important;line-height:1.15!important}
.panel h3,.tip h3,.treebox h3{font-family:"Space Grotesk",sans-serif!important;font-weight:700!important}
.hk,.lede,.mq,.panel .hook{font-family:"Space Grotesk",sans-serif!important;font-style:normal!important}
.lede{color:#ecd9b6}
.eyebrow{color:#40e8d4!important;letter-spacing:.18em}
.passport,.treecard,.panel,.quiz,.tip{border-radius:0!important;background:linear-gradient(180deg,rgba(34,21,22,.9),rgba(16,10,15,.94));border-color:rgba(246,194,107,.3)!important;box-shadow:0 0 0 1px rgba(0,0,0,.4)}
.passport,.treecard,.panel,.quiz,.tip{position:relative}
.passport{border-top:2px solid #40e8d4!important}
.pstats b{font-family:"Syncopate",sans-serif!important;font-weight:700;color:#f6c26b}
.chip,.jump a,.mini,.opt,.lk,.go,.bkact .mini{border-radius:0!important;font-family:"Chakra Petch","Segoe UI",sans-serif!important;letter-spacing:.06em}
.jump a{text-transform:uppercase;letter-spacing:.12em;font-size:.82rem}
.chip{border-color:rgba(246,194,107,.35)!important}
.chip[aria-pressed="true"]{background:#f6c26b!important;border-color:#f6c26b!important;color:#1c0f06!important}
.mini.solid,.go{background:#f6c26b!important;border-color:#f6c26b!important;color:#1c0f06!important;font-weight:700}
.mini.solid:hover,.go:hover{background:#ffb347!important;box-shadow:0 0 18px rgba(255,157,63,.6)}
.mini:hover,.jump a:hover,.chip:hover,.opt:hover,.lk:hover{border-color:#f6c26b!important;color:#f6c26b}
.mini.solid:hover{color:#1c0f06}
.opt[aria-pressed="true"]{background:rgba(246,194,107,.14)!important;border-color:#f6c26b!important}
.bk .cov{box-shadow:inset 6px 0 0 rgba(0,0,0,.22),inset 8px 0 0 rgba(255,255,255,.12),3px 0 0 #efe9db,5px 1px 0 #d7cfbd,0 18px 28px -10px rgba(0,0,0,.8),0 0 28px -12px var(--c)}
.cov:hover{box-shadow:inset 6px 0 0 rgba(0,0,0,.22),inset 8px 0 0 rgba(255,255,255,.12),3px 0 0 #efe9db,5px 1px 0 #d7cfbd,0 22px 30px -12px rgba(0,0,0,.85),0 0 36px -6px #ffb347!important}
section>header{border-top-color:rgba(246,194,107,.3)!important}
.foot{border-top-color:rgba(246,194,107,.3)!important}
.foot a,a{color:#f6c26b}
.cov,.libhub a,.chip,.mini,.go,.jump a{text-decoration:none}
#tree text{fill:#f4e9d2}
#tree .bt{fill:#fff}
:focus-visible{outline:3px solid #40e8d4!important;outline-offset:2px}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}