/* Black / white / electric blue. Opaque reading surfaces over ambient video. */
:root,:root:not([data-theme=dark]){--bg:#f5f7fc;--surface:#ffffff;--surface-alt:#edf1f9;--ink:#101116;--muted:#505b70;--faint:#58657a;--line:#d9e0ed;--strong-line:#bdc9df;--primary:#1749bd;--primary-hover:#10378f;--primary-soft:#e8efff;--accent:#1749bd;--focus:#2462e8;--shadow:0 8px 30px #081c4d0a}
:root[data-theme=dark]{--bg:#080a10;--surface:#10131c;--surface-alt:#191f2d;--ink:#f5f7ff;--muted:#b3bed2;--faint:#a3b0c9;--line:#2a344b;--strong-line:#455676;--primary:#9bbaff;--primary-hover:#bfd2ff;--primary-soft:#1a2b50;--accent:#9bbaff;--focus:#a1bfff;--shadow:0 12px 32px #0003}
body{isolation:isolate}.video-backdrop{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:#071329}.video-backdrop video{width:100%;height:100%;object-fit:cover;filter:saturate(.65)}.video-backdrop:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#f5f7fcd9,#f5f7fceb 70%)}[data-theme=dark] .video-backdrop:after{background:linear-gradient(180deg,#080a10b8,#080a10e6 70%)}
.site-header{background:var(--surface)}.header-inner{gap:18px}.primary-nav{margin-right:auto}.home-link{color:var(--primary)}.quick-item{background:var(--surface);border-color:var(--line)}.quick-item.selected{background:var(--primary-soft);border-color:var(--primary);box-shadow:inset 0 -3px var(--primary)}.exchange{--accent:var(--primary)!important}.exchange-top{border-bottom:1px solid var(--line);margin-bottom:10px}.community{background:var(--surface);padding:28px;border:1px solid var(--line);border-radius:var(--radius)}.reading-header{background:var(--surface);padding:22px 24px;border:1px solid var(--line);border-radius:var(--radius)}.guide-heading,.featured-head{background:var(--surface);padding:24px;border:1px solid var(--line);border-radius:var(--radius)}.featured-status{display:table;background:var(--surface);padding:6px 10px;border-radius:6px}.quick-explore>.eyebrow{color:var(--ink);background:var(--surface);display:table;padding:4px 8px;border-radius:4px}.featured-pagination{background:var(--surface);border-radius:10px}.next{box-shadow:0 3px 10px #1749bd18}
@media(max-width:760px){.header-inner{gap:0}.header-tools{gap:0}.community{padding:20px 16px}.guide-heading,.featured-head{padding:20px}.reading-header{padding:20px}.primary-nav{margin-right:0}.header-tools select{max-width:77px}}
/* Clean reading layout: a dedicated, unobstructed half-width video. */
:root,:root:not([data-theme=dark]){--bg:#fff;--surface-alt:#f5f5f6;--ink:#111114;--muted:#52525b;--faint:#62626b;--line:#e5e5e9;--strong-line:#c9c9d2;--shadow:0 5px 20px #00000004}
body{background:var(--bg)}.brand{font-size:21px;letter-spacing:-.8px;font-weight:800;color:var(--ink)}.explore-split{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:stretch;margin-top:28px}.explore-split .quick-explore{display:flex;flex-direction:column;height:300px;padding:10px;align-self:stretch;box-sizing:border-box;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:var(--shadow)}.explore-split .quick-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:5px;flex:1;min-height:0}.explore-split .quick-item{min-height:0;padding:7px 5px;gap:6px}.explore-split .quick-item svg{width:21px;height:21px}.explore-split .quick-explore>.eyebrow{display:none}.explore-split .video-backdrop{position:relative;inset:auto;z-index:auto;height:300px;overflow:hidden;border-radius:16px;background:#000;pointer-events:none}.explore-split .video-backdrop video{object-fit:contain;filter:none;display:block}.explore-split .video-backdrop:after{display:none}.quick-item{background:transparent;border-color:transparent;color:var(--ink)}.quick-item.selected{background:var(--primary-soft);border-color:var(--primary);color:var(--ink);box-shadow:none}.quick-item:hover{background:var(--surface-alt);border-color:var(--line)}.eyebrow,.step-kicker,.tag,.section-icon,.note-topic,.source{color:var(--ink)}.guide-heading,.featured-head{padding:24px 0;background:transparent;border:0;border-radius:0}.reading-header{padding:24px 0;border:0;border-top:1px solid var(--line);border-radius:0}.exchange{--accent:var(--ink)!important}.exchange-top .logo{background:var(--surface-alt);color:var(--ink)}.header-inner{gap:24px}.header-tools{flex-shrink:0}
@media(max-width:1100px){.header-inner{gap:10px}.brand{font-size:19px}.primary-nav{gap:14px}}
@media(max-width:760px){.explore-split{grid-template-columns:1fr;gap:16px;margin-top:16px}.explore-split .quick-explore{height:auto;padding:8px;border-radius:12px}.explore-split .quick-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:none;gap:6px}.explore-split .quick-item{min-height:72px;padding:9px 6px;gap:7px}.explore-split .quick-item svg{width:22px;height:22px}.explore-split .video-backdrop{height:auto;aspect-ratio:16/9;border-radius:12px}.header-inner{gap:0}.brand{font-size:18px}.header-tools .icon-button{min-width:36px}.header-tools select{max-width:75px}.guide-heading,.featured-head{padding:8px 0}.community{padding:20px 16px}}
.explore-split .video-backdrop video#background-video{object-fit:cover;object-position:center bottom}