.nav{gap:16px}.theme-toggle{flex-shrink:0;border:1px solid #ffffff40;border-radius:999px;background:#16131e;color:#eee;padding:7px 16px;min-height:38px;cursor:pointer;font-size:13px;line-height:1.4;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:border-color .2s,background .2s}.theme-toggle:hover{border-color:var(--cyan)}
html[data-theme=light]{--bg:#f7f8fc;--panel:#fff;--line:#19213c24;--muted:#52596b;--cyan:#006f73;color-scheme:light}
html[data-theme=light] body{color:#182039}
html[data-theme=light] .header{background:#f7f8fcf2}
html[data-theme=light] .brand img,html[data-theme=light] .footer .logo-img{background:#08080d;border-radius:8px;padding:5px 9px;box-sizing:content-box}
html[data-theme=light] .brand span{border-color:#c4c8d4}
html[data-theme=light] nav a{color:#37415a}
html[data-theme=light] nav a:hover{color:#5b3fd9}
html[data-theme=light] .theme-toggle,html[data-theme=light] .menu-toggle{background:#fff;color:#182039;border-color:#b6bdcd}
html[data-theme=light] .button{background:#5b3fd9;color:#fff!important}
html[data-theme=light] .button:hover{background:#4630aa}
html[data-theme=light] .gradient{background-image:linear-gradient(110deg,#593bbd,#006f73)}
html[data-theme=light] .quiet{border-color:#8d96a9}
html[data-theme=light] .hero-note{background:radial-gradient(ellipse at 50% 25%,#e8e0ff,transparent 70%),#fff;border-color:#c9bfdf}
html[data-theme=light] .hero-note .eyebrow{color:#60448e}
html[data-theme=light] .orbit span{color:#5b3fd9;text-shadow:none}
html[data-theme=light] .orbit:before{border-color:#7254b6}
html[data-theme=light] .orbit:after{border-color:#00888e}
html[data-theme=light] .topic-grid>a,html[data-theme=light] .card{background:#fff}
html[data-theme=light] .topic-grid>a:hover{background:#eeebfa}
html[data-theme=light] .topic-num{color:#60697d}
html[data-theme=light] .cta{background:radial-gradient(ellipse at 90% 70%,#e0d9fb,transparent 65%),#efedf8;border-color:#c3b7e4}
html[data-theme=light] .copyright{color:#586174}
html[data-theme=light] .prose{color:#343d50}
html[data-theme=light] .prose h2,html[data-theme=light] .prose h3,html[data-theme=light] .prose h4,html[data-theme=light] .article-opening strong{color:#182039}
html[data-theme=light] .prose a{color:#4d2cac}
html[data-theme=light] .byline a{color:#343d50}
html[data-theme=light] .toc a{border-color:#19213c14}
html[data-theme=light] .worked-example{background:#eeebf7;border-color:#c7bce0}
html[data-theme=light] th{background:#e4def4;color:#251641}
html[data-theme=light] th,html[data-theme=light] td{border-color:#bfc3d2}
html[data-theme=light] .content-note,html[data-theme=light] .editorial-figure figcaption{color:#596176}
html[data-theme=light] .search-controls input,html[data-theme=light] .search-controls select{background:#fff;color:#182039;border-color:#aab3c6}
html[data-theme=light] .search-controls input::placeholder{color:#697386}
html[data-theme=light] .prose pre{background:#e9eaf1;color:#25304a}
html[data-theme=light] .article-hero h1{color:#182039}
html[data-theme=light] .article-hero .lede{color:#52596b}
html[data-theme=light] .article-hero .featured-image img{border-color:#19213c24;box-shadow:0 15px 35px -10px rgba(0,0,0,.1)}
html[data-theme=light] .article-hero .featured-image figcaption{color:#596176}
@media(max-width:1000px){.nav{gap:12px}.nav nav{gap:18px}}
@media(max-width:760px){.nav{gap:10px}.theme-toggle{padding:8px 12px}.brand img{max-width:110px}html[data-theme=light] .nav nav{background:#fff}html[data-theme=light] .brand img{padding:3px 6px}}
@media(max-width:380px){.theme-toggle{font-size:13px;padding:8px 10px}.menu-toggle{font-size:13px;padding:8px 10px}.brand img{max-width:92px}.nav{gap:7px}}
@media(max-width:1100px){.brand span{display:none}.menu-toggle{display:flex;gap:12px;background:none;color:inherit;border:1px solid #ffffff40;border-radius:8px;padding:8px 13px;font-size:14px}.nav nav{display:none;position:absolute;left:0;right:0;top:88px;background:#111015;padding:24px;align-items:stretch;border-bottom:1px solid var(--line)}.nav nav.open{display:flex;flex-direction:column;gap:20px}html[data-theme=light] .nav nav{background:#fff}}
@media(max-width:760px){.nav nav{top:74px}}
@media print{.theme-toggle{display:none!important}html[data-theme=light] .worked-example,html[data-theme=light] .prose pre{background:#fff}html[data-theme=light] th{background:#eee;color:#000}}