/* The public chapters and design previews share the application's palette. */
@font-face{font-family:QuantMMO;src:url('fonts/space-grotesk-400.woff2') format('woff2');font-weight:300 700;font-display:swap}
@font-face{font-family:'QuantMMO Display';src:url('fonts/bodoni-moda-700.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'QuantMMO Mono';src:url('fonts/space-mono-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'QuantMMO Mono';src:url('fonts/space-mono-700.woff2') format('woff2');font-weight:700;font-display:swap}
:root,body,body[data-page-brand]{color-scheme:dark;--canvas:#050811;--bg:#090e1b;--surface:#111c31;--ink:#f2efe8;--ink-soft:#c4cee2;--muted:#9caac4;--faint:#8592ab;--line:#283954;--line-strong:#3c517a;--accent:#8faaff;--accent-soft:#182640;--accent-ink:#aec1ff;--good:#66dfb1;--good-soft:#163b36;--good-ink:#66dfb1;--bad:#f78ca6;--bad-soft:#342335;--bad-ink:#f78ca6;--serif:QuantMMO,system-ui,sans-serif;--sans:QuantMMO,system-ui,sans-serif;--mono:'QuantMMO Mono',monospace;--omm-black:#050811;--omm-dark:#090e1b;--omm-surface:#111c31;--omm-green:#8faaff;--omm-green-dark:#8faaff;--omm-mint:#aec1ff;--omm-white:#f2efe8;--omm-light-surface:#111c31;--crt-black:#050811;--crt-panel:#111c31;--crt-deep:#090e1b;--crt-green:#8faaff;--crt-mint:#aec1ff;--crt-dim:#9caac4;--crt-line:#283954;--crt-rule:#3c517a;--shadow:0 12px 32px #0003;--shadow-lg:0 20px 50px #0005;--triad-mint:#142b30;--triad-mint-border:#294b52;--triad-lavender:#182640;--triad-lavender-border:#3c517a;--triad-amber:#302b25;--triad-amber-border:#5c4f3c}
html{background:#050811}
body,body[data-page-brand]{background:var(--canvas);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}
body h1,body h2{letter-spacing:-.035em;text-wrap:balance}
body h1{font-family:'QuantMMO Display',Georgia,serif;font-weight:700}
body a{color:var(--accent);text-underline-offset:4px}
body :focus-visible{outline:3px solid #7fe3f5;outline-offset:4px}
body button,body input,body select{font-family:var(--sans)}
body input,body select,body textarea{color:var(--ink);background:var(--bg);border-color:var(--line-strong)}
body .hero{background:radial-gradient(ellipse at 50% 0,#23376444,transparent 70%)}
body .takeaway,body .aside,body .diagram,body .widget,body .stat,body .compare-col{background:var(--surface);border-color:var(--line);color:var(--ink-soft);box-shadow:var(--shadow)}
body .hero-claim,body .hero-qualifier,body .dek,body .section-title,body .sitenav .nav-links a{color:var(--ink)}
body .sitenav,body .site-header{background:#090e1bf5;border-color:var(--line)}
body .sitenav .nav-links a{font-family:var(--sans);font-size:.8125rem;letter-spacing:.02em;text-transform:none;text-shadow:none;min-height:44px;align-items:center}
body .sitenav .nav-links a:hover,body .sitenav .nav-links a.active{color:var(--accent)}
body .nav-toggle{min-width:44px;min-height:44px;color:var(--ink)}
body .sitenav.open .nav-links{background:var(--bg)}
body .endnote-panel{border-color:var(--line)!important;background:var(--bg)!important}
body .endnote-panel::after{opacity:.18}
body .endnote-panel .sitemap a{font:500 .8125rem var(--sans)!important;letter-spacing:.01em!important;text-transform:none!important;min-height:44px;align-content:center}
body .endnote-wordmark{filter:grayscale(1) brightness(1.4)!important}
body .quantmmo-rive-media{filter:grayscale(1) brightness(1.3)}
/* Reveal opacity does not change the document's scroll extent. */
body .reveal{transform:none;transition-property:opacity}
body .product,body .chapter-card,body .chapter-link{border-color:var(--line);border-radius:18px}
body .product.market{background:linear-gradient(145deg,#182640,#090e1b)}
body .product.market h2,body .product.market p{color:var(--ink)}
/* Standalone design studies retain their own demonstrations and artwork. */
body:has(.card-grid){--paper:#090e1b;--cream:#111c31;--green:#8faaff;--green-dark:#aec1ff;--border:#283954}
body:has(.card-grid) .edition-strip,body:has(.card-grid) .workspace,body:has(.card-grid) .closing-note,body:has(.card-grid) .site-footer{background:var(--canvas);color:var(--ink);border-color:var(--line)}
body:has(.card-grid) .category-tabs,body:has(.card-grid) .search-box,body:has(.card-grid) .collection-summary,body:has(.card-grid) .result-panel,body:has(.card-grid) dialog,body:has(.card-grid) .detail-copy{background:var(--surface);color:var(--ink);border-color:var(--line)}
body:has(.card-grid) .card-meta,body:has(.card-grid) .card-market,body:has(.card-grid) h2,body:has(.card-grid) .view-intro p,body:has(.card-grid) .hero-copy>p{color:var(--ink-soft)}
@media(prefers-reduced-motion:reduce){body .reveal{opacity:1;transition:none}}

/* Keep the chapter navigation quiet and readable at every size. */
body[data-page-brand] .sitenav{background:#090e1bf5;background-image:none;box-shadow:0 1px 0 var(--line)}
body[data-page-brand] .sitenav::before,body[data-page-brand] .sitenav::after{background:none}
body[data-page-brand] .sitenav .sitenav-inner{max-width:1440px;min-height:76px;gap:24px}
body[data-page-brand] .sitenav .sitenav-inner .brand.brand-with-wordmark{width:190px;min-width:190px;max-width:none;height:auto;filter:none}
body[data-page-brand] .sitenav .sitenav-inner .brand .quantmmo-rive-shell{display:none}
body[data-page-brand] .sitenav .sitenav-inner .brand.brand-with-wordmark::before{content:'QuantMMO';font:700 30px 'QuantMMO Display',Georgia,serif;letter-spacing:-1.5px;color:var(--ink);background:none;position:static}
body[data-page-brand] .sitenav .sitenav-inner .brand.brand-with-wordmark::after{display:none}
body[data-page-brand] .sitenav .sitenav-inner .nav-links{background:var(--bg);box-shadow:none;border:0;border-radius:12px;padding:0;min-height:48px}
body[data-page-brand] .sitenav .sitenav-inner .nav-links .rt-tape-lane{opacity:.2;pointer-events:none}
body[data-page-brand] .sitenav .sitenav-inner .nav-links a[href]{font:500 .8125rem var(--sans);letter-spacing:0;text-transform:none;text-shadow:none;color:var(--muted);padding:12px 9px;min-height:44px}
body[data-page-brand] .sitenav .sitenav-inner .nav-links a[href].active,body[data-page-brand] .sitenav .sitenav-inner .nav-links a[href]:hover{color:var(--ink);background:var(--accent-soft);border-radius:8px;text-shadow:none}
body[data-page-brand] .product.market::before,body[data-page-brand] .product.market::after{background:none}
body:has(.card-grid) .category-tab,body:has(.card-grid) .main-nav button,body:has(.card-grid) .sort-select{color:var(--muted)}
body:has(.card-grid) .category-tab.active,body:has(.card-grid) .category-tab[aria-selected=true]{background:var(--accent-soft);color:var(--ink)}
body:has(.card-grid) .primary-button{background:var(--accent);color:var(--canvas)}
body:has(.card-grid) .demo-pill,body:has(.card-grid) .summary-pill{background:var(--accent-soft);color:var(--accent);border-color:var(--line)}
body:has(.card-grid) .hero-note,body:has(.card-grid) .art-caption,body:has(.card-grid) .count-note{color:var(--muted)}
@media(max-width:1280px){body[data-page-brand] .sitenav.open .sitenav-inner .nav-links{padding:12px 20px;box-shadow:var(--shadow)}}

body:has(.card-grid) .category-tab[aria-pressed=true]{background:var(--accent-soft);color:var(--ink);box-shadow:none}
body:has(.card-grid) .button-dark{background:var(--accent);color:var(--canvas)}
body .product-logo-lockup--quantmmo{position:relative;display:flex;align-items:center;justify-content:center;min-height:120px;gap:18px}
body .product-logo-lockup--quantmmo .quantmmo-rive-media{display:none}
body .product-logo-lockup--quantmmo::before{content:'QuantMMO';font:700 clamp(2.6rem,7vw,5rem)/1 'QuantMMO Display',Georgia,serif;color:var(--ink);letter-spacing:-.04em}
body .product-logo-lockup--quantmmo::after{content:none}

body:has(.card-grid) .category-tab,body:has(.card-grid) .sort-select,body:has(.card-grid) .search-box input{min-height:44px;font-size:.8125rem}
body:has(.card-grid) .main-nav button,body:has(.card-grid) .text-button{min-height:44px}