/* Dark (night) theme. Applied when <html data-theme="dark">. Generated from the base styles, then hand-tuned below. */
html[data-theme=dark]{color-scheme:dark;--bg:#0c141d;--card:#16222f;--ink:#e3ecf6;--mute:#a3b5c8;--line:#27394d;--mint:#12302d;--sky:#112238;--hd:#e6f0ff;--tt:#3fe0c8;--sh:0 18px 40px -22px rgba(0,0,0,.75)}
html[data-theme=dark] body{color:var(--ink)}
html[data-theme=dark] h1,html[data-theme=dark] h2,html[data-theme=dark] h3{color:var(--hd)}
html[data-theme=dark] .skip{background:#16222f}
html[data-theme=dark] .btn.sun::after{background:#16222f;color:var(--tt)}
html[data-theme=dark] .btn.line{background:#16222f;color:var(--hd)}
html[data-theme=dark] .slot{color:var(--tt)}
html[data-theme=dark] .brand{color:var(--hd)}
html[data-theme=dark] .brand small{color:var(--tt)}
html[data-theme=dark] .dd>a{color:var(--ink)}
html[data-theme=dark] .dd:hover>a,html[data-theme=dark] .dd>a[aria-current]{color:var(--tt)}
html[data-theme=dark] .pn{background:#16222f}
html[data-theme=dark] .pn a:hover{color:var(--tt)}
html[data-theme=dark] .burger{background:#16222f}
@media(max-width:1060px){
html[data-theme=dark] .links{background:#16222f}
}
html[data-theme=dark] .btn.ghost:hover{background:#16222f;color:var(--hd)}
html[data-theme=dark] .hc button{background:#16222f;color:var(--hd)}
html[data-theme=dark] .qg{background:#16222f}
html[data-theme=dark] .qg a{color:var(--hd)}
html[data-theme=dark] .cat{background:#16222f}
html[data-theme=dark] .cat b{color:var(--hd)}
html[data-theme=dark] .lk{color:var(--tt)}
html[data-theme=dark] .ib{background:#16222f;color:var(--hd)}
html[data-theme=dark] .pc{background:#16222f}
html[data-theme=dark] .pc b{color:var(--hd)}
html[data-theme=dark] .cband p{color:var(--hd)}
html[data-theme=dark] .evs{background:#16222f}
html[data-theme=dark] .evc{background:#16222f;color:var(--ink)}
html[data-theme=dark] .page.evs{background:#16222f}
html[data-theme=dark] .btn.learn:hover{background:#16222f;color:var(--tt)}
html[data-theme=dark] .banner{background:linear-gradient(115deg,#0e1925,#12302d 55%,#fff2d8)}
html[data-theme=dark] .bc a{color:var(--tt)}
html[data-theme=dark] .box{background:#16222f}
html[data-theme=dark] .box a.r:hover{color:var(--tt)}
html[data-theme=dark] .chips a{color:var(--tt)}
html[data-theme=dark] .pill{background:#16222f}
html[data-theme=dark] .stp h3::before{color:var(--hd)}
html[data-theme=dark] details{background:#16222f}
html[data-theme=dark] summary{color:var(--hd)}
html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea{background:#16222f;color:var(--ink)}
html[data-theme=dark] .eyebrow{color:var(--tt)}
html[data-theme=dark] .sh2 h2{color:var(--hd)}
html[data-theme=dark] .jump a:hover{background:#16222f;color:var(--hd)}
html[data-theme=dark] .si{background:linear-gradient(135deg,#12302d,#112238)}
html[data-theme=dark] .tcd{background:#16222f;color:var(--ink)}
html[data-theme=dark] .tb h3{color:var(--hd)}
html[data-theme=dark] .chiprow span{color:var(--tt)}
html[data-theme=dark] .chiprow.big span{background:#16222f;color:var(--hd)}
html[data-theme=dark] .rg{background:#16222f}
html[data-theme=dark] .tls{background:#16222f}
html[data-theme=dark] .tls h3{color:var(--hd)}
html[data-theme=dark] .dn{background:#16222f}
html[data-theme=dark] .dn li b{color:var(--hd)}
html[data-theme=dark] .lim{background:#16222f}
html[data-theme=dark] .ln{color:var(--ink)}
html[data-theme=dark] .lb{background:#6b5420}
html[data-theme=dark] .lb.nr{background:#2a3b52}
html[data-theme=dark] .lv b{color:var(--hd)}
html[data-theme=dark] .lg .p{background:#6b5420}
html[data-theme=dark] .vb{background:#16222f}
html[data-theme=dark] .vg{color:var(--hd)}
html[data-theme=dark] .vcol b{color:var(--hd)}
html[data-theme=dark] .fs{background:#16222f}
html[data-theme=dark] .fs.pt{background:#2b2616}
html[data-theme=dark] .fs b{color:var(--hd)}
html[data-theme=dark] .fa{color:var(--tt)}
html[data-theme=dark] .sc{background:#16222f}
html[data-theme=dark] .sc b{color:var(--hd)}
html[data-theme=dark] .pf h3{color:var(--hd)}
html[data-theme=dark] .ac{background:#16222f;color:var(--ink)}
html[data-theme=dark] .ac b{color:var(--hd)}
html[data-theme=dark] .al{background:#16222f}
html[data-theme=dark] .al h3{color:var(--hd)}
html[data-theme=dark] .tbl{background:#16222f}
html[data-theme=dark] .tbl tr:nth-child(even) td{background:#12202c}
html[data-theme=dark] .h2s{color:var(--hd)}
html[data-theme=dark] .pn2 a{color:var(--tt)}
html[data-theme=dark] .box a.r.on{color:var(--tt)}
html[data-theme=dark] .spl{background:linear-gradient(180deg,#0e1925,#16222f)}
html[data-theme=dark] .spt{background:#16222f}
html[data-theme=dark] .spb{color:var(--hd)}
html[data-theme=dark] .spc h3{color:var(--hd)}
html[data-theme=dark] .spl2 li{color:var(--tt)}
html[data-theme=dark] .spl3 a{color:var(--hd)}
html[data-theme=dark] .spl3 a:hover{color:var(--tt)}
html[data-theme=dark] .pl{background:#16222f}
html[data-theme=dark] .pl h3{color:var(--hd)}
html[data-theme=dark] .cxc{background:#16222f}
html[data-theme=dark] .cxc b{color:var(--hd)}
html[data-theme=dark] .cxf{background:#16222f}
html[data-theme=dark] .cxf h2{color:var(--hd)}
html[data-theme=dark] .cxf input,html[data-theme=dark] .cxf select,html[data-theme=dark] .cxf textarea{background:#101b27}
html[data-theme=dark] .cxf input:focus,html[data-theme=dark] .cxf select:focus,html[data-theme=dark] .cxf textarea:focus{background:#16222f}
html[data-theme=dark] .cmh h2{color:var(--hd)}
html[data-theme=dark] .cmf{background:linear-gradient(135deg,#12302d,#13304a)}
html[data-theme=dark] .cmpin{background:#16222f}
html[data-theme=dark] .cmf::before{color:var(--hd)}
html[data-theme=dark] .sp{background:#16222f}
html[data-theme=dark] .mcta{background:#16222f}
html[data-theme=dark] .mcta a{color:var(--hd)}
html[data-theme=dark] .chat{background:#16222f}
html[data-theme=dark] .qr button{color:var(--ink)}

/* hand-tuned fixes */
html[data-theme=dark] header{background:rgba(12,20,29,.94);border-bottom-color:var(--aqua)}
html[data-theme=dark] .cband h2,html[data-theme=dark] .cband p{color:#001868}
html[data-theme=dark] .cband .btn{background:#001868;color:#fff}
html[data-theme=dark] .dn1{fill:var(--hd)}html[data-theme=dark] .dn2{fill:var(--mute)}
html[data-theme=dark] .tbl th{background:#0b2f6b}html[data-theme=dark] .tbl td{color:var(--ink)}
html[data-theme=dark] .tbl tr:nth-child(even) td{background:#12202c}
html[data-theme=dark] .sh2 h2,html[data-theme=dark] .shd h2{color:var(--hd)}
html[data-theme=dark] .vcol b,html[data-theme=dark] .vg,html[data-theme=dark] .lv b,html[data-theme=dark] .tls h3,html[data-theme=dark] .tb h3,html[data-theme=dark] .sc b,html[data-theme=dark] .fs b,html[data-theme=dark] .h2s,html[data-theme=dark] .rg h3,html[data-theme=dark] .spc h3,html[data-theme=dark] .pl h3,html[data-theme=dark] .ac b,html[data-theme=dark] .al h3,html[data-theme=dark] .pf h3,html[data-theme=dark] .cxc b,html[data-theme=dark] .cxf h2,html[data-theme=dark] .cmh h2,html[data-theme=dark] .dn li b{color:var(--hd)}
html[data-theme=dark] .spl{background:linear-gradient(180deg,#0e1925,#0c141d)}
html[data-theme=dark] .mintbg,html[data-theme=dark] .sec.alt{background:#0f1b27}
html[data-theme=dark] .lb{background:#6b5420}html[data-theme=dark] .lb.nr{background:#2a3b52}
html[data-theme=dark] .chiprow span,html[data-theme=dark] .spl2 li{color:var(--tt)}
html[data-theme=dark] .cxf input,html[data-theme=dark] .cxf select,html[data-theme=dark] .cxf textarea,html[data-theme=dark] form.f input,html[data-theme=dark] form.f select,html[data-theme=dark] form.f textarea{background:#0f1b27;color:var(--ink);border-color:var(--line)}
html[data-theme=dark] .cxf ::placeholder{color:#7f93a8}
html[data-theme=dark] .cmf{background:linear-gradient(135deg,#12302d,#13304a)}html[data-theme=dark] .cmf::before{color:var(--hd)}
html[data-theme=dark] .banner{background:linear-gradient(115deg,#0f1b27,#12302d 55%,#1a1a12)}
html[data-theme=dark] .banner h1{color:var(--hd)}
html[data-theme=dark] .si{background:linear-gradient(135deg,#12302d,#13304a)}
html[data-theme=dark] img{filter:brightness(.92)}html[data-theme=dark] .logo,html[data-theme=dark] .brand img{filter:none}
html[data-theme=dark] .brand img,html[data-theme=dark] .flogo img{background:#fff;border-radius:14px;padding:3px}
html[data-theme=dark] .jump a:hover{color:#001868}
html[data-theme=dark] .cn,html[data-theme=dark] .mu{color:var(--mute)}
html[data-theme=dark] .slot{background:linear-gradient(135deg,#12302d,#13304a);border-color:#2a5c57}
html[data-theme=dark] .tile .cap,html[data-theme=dark] .evb{color:var(--ink)}
html[data-theme=dark] .spb{color:#001868}
html[data-theme=dark] .evd{color:var(--tt)}