/* Light theme (default). Dark theme = original styles, applied when html[data-theme=dark]. */
.thm{background:none;border:1px solid var(--b);border-radius:9px;cursor:pointer;font-size:15px;line-height:1;padding:6px 8px;flex:none}
html:not([data-theme=dark]){--bg:#f6f8fb;--p:#ffffff;--p2:#f3f5fa;--b:#dfe4ee;--t:#121826;--m:#5b6478;--g:#0b8a5c;--r:#d42f43;--a:#4f5fe0;--y:#9a6700;--card:#fff;color-scheme:light}
html[data-theme=dark]{color-scheme:dark}
html:not([data-theme=dark]) body{background:var(--bg)}
html:not([data-theme=dark]) .top{background:rgba(255,255,255,.88)}
html:not([data-theme=dark]) .bnav{background:rgba(255,255,255,.96)}
html:not([data-theme=dark]) .card{background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.05)}
html:not([data-theme=dark]) .card:hover{border-color:#c3cbe0}
html:not([data-theme=dark]) td{border-bottom-color:#edf0f5}
html:not([data-theme=dark]) tr:hover td{background:#f5f7fc}
html:not([data-theme=dark]) .al{border-bottom-color:#edf0f5}
html:not([data-theme=dark]) code{background:#eef1f7}
html:not([data-theme=dark]) .u1{color:#0b8a5c}
html:not([data-theme=dark]) .menu,html:not([data-theme=dark]) .ddm{background:#fff;border-color:var(--b);box-shadow:0 10px 30px rgba(16,24,40,.12)}
html:not([data-theme=dark]) .mi:hover,html:not([data-theme=dark]) .ddm a:hover,html:not([data-theme=dark]) .scn:hover,html:not([data-theme=dark]) .scn.on,html:not([data-theme=dark]) #cmdl li.on,html:not([data-theme=dark]) #cmdl li:hover{background:#eef1f8}
html:not([data-theme=dark]) .ddb:hover,html:not([data-theme=dark]) .dd.open .ddb{color:var(--t)}
html:not([data-theme=dark]) .scn{border-bottom-color:var(--b)}
html:not([data-theme=dark]) .scn b,html:not([data-theme=dark]) .ht a b{color:var(--a)}
html:not([data-theme=dark]) .chip{background:#fff;border-color:var(--b);color:var(--t)}
html:not([data-theme=dark]) .chip.on{background:#eef0ff;border-color:var(--a);color:#3442b8}
html:not([data-theme=dark]) .btn.ghost{border-color:var(--b);color:var(--t)}
html:not([data-theme=dark]) .btn.g{background:#e8ecf4;color:var(--t)}
html:not([data-theme=dark]) .pro{background:#fff3d6;color:#8a5a00;border-color:#e8c46d}
html:not([data-theme=dark]) .dna{background:linear-gradient(135deg,#f5f7ff,#fff);border-color:#d7ddf3}
html:not([data-theme=dark]) .hm{background:#e9edf4}html:not([data-theme=dark]) .hmS,html:not([data-theme=dark]) .hmT{border-color:#fff}html:not([data-theme=dark]) .hmS b{color:#334}
html:not([data-theme=dark]) .cmdbox{border-color:var(--b);box-shadow:0 12px 40px rgba(16,24,40,.18)}
html:not([data-theme=dark]) kbd{background:#eef1f7;border-color:#ccd3e0}
html:not([data-theme=dark]) #peers tr.med td{border-top-color:#ccd3e0}
html:not([data-theme=dark]) .fref code{color:#8a5a00}html:not([data-theme=dark]) .err{color:#c0283a}
html:not([data-theme=dark]) .hsearch input{box-shadow:0 8px 30px rgba(16,24,40,.08)}
html:not([data-theme=dark]) .tjv{background:#fde8eb}html:not([data-theme=dark]) .tjok{background:#e3f6ee}
html:not([data-theme=dark]) .ssr dt,html:not([data-theme=dark]) .seo dt{color:var(--m)}
html:not([data-theme=dark]) .tbl td,html:not([data-theme=dark]) .tbl th{border-bottom-color:var(--b)}
html:not([data-theme=dark]) .up{color:var(--g)}html:not([data-theme=dark]) .dn{color:var(--r)}
html:not([data-theme=dark]) .seo-f{color:var(--m)}
html:not([data-theme=dark]) .eod{color:#8a5a00;border-color:#d9a640}
html:not([data-theme=dark]) svg text[fill="#ccd"],html:not([data-theme=dark]) svg text[fill="#aab"]{fill:#334}
html:not([data-theme=dark]) svg text[fill="#889"],html:not([data-theme=dark]) svg text[fill="#94a3b8"]{fill:#5b6478}
html:not([data-theme=dark]) svg polygon[stroke="#2a3142"]{stroke:#d5dbe7}
html:not([data-theme=dark]) #auth{background:rgba(15,23,42,.45)}
html:not([data-theme=dark]) svg line[stroke="#2a3142"],html:not([data-theme=dark]) svg line[stroke="#556"]{stroke:#cfd6e4}
/* Header layout (all themes): no horizontal overflow at any width */
.top{min-width:0;max-width:100vw;box-sizing:border-box}
.top .logo{flex:none;white-space:nowrap;display:inline-flex;align-items:center;gap:4px}
.top .tabs{flex:1 1 0;min-width:0;max-width:none;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap}
.top .tabs::-webkit-scrollbar{display:none}
.top .tabs a{white-space:nowrap;flex:none}
.top .search{flex:0 1 220px;min-width:120px;margin-left:0}
.top .search input{width:100%;box-sizing:border-box}
.top .eod,.top .thm,.top .bell,.top #acct{flex:none}
@media(max-width:1100px){.top .eod{display:none}}
@media(max-width:760px){
 .top{flex-wrap:wrap;row-gap:8px;column-gap:8px}
 .top .logo{margin-right:auto}
 .top .search{order:9;flex:1 1 100%;min-width:0}
 .top.ssr .tabs{display:flex;order:10;flex:1 1 100%}
 .top.ssr .eod{display:none}
 .top #acct{padding:7px 10px}
}
/* Score badge: readable in light mode (dark keeps hsl glow) */
html:not([data-theme=dark]) .score{font-weight:800}
html:not([data-theme=dark]) .score.mut{color:var(--m)}
.logo b span.u1{border:0;padding:0;margin:0;font-size:inherit;border-radius:0}
html:not([data-theme=dark]) svg text[fill="#4fd69c"]{fill:#0b7a50}html:not([data-theme=dark]) svg text[fill="#9bd65a"]{fill:#3d6b00}html:not([data-theme=dark]) svg text[fill="#ff9a5d"]{fill:#b03f00}html:not([data-theme=dark]) svg text[fill="#ffd166"]{fill:#8a6100}html:not([data-theme=dark]) svg text[fill="#ff7a90"]{fill:#b42339}html:not([data-theme=dark]) svg text[fill="#f87171"]{fill:#b91c1c}html:not([data-theme=dark]) svg text[fill="#38bdf8"]{fill:#0369a1}html:not([data-theme=dark]) svg text[fill="#22c55e"]{fill:#15803d}html:not([data-theme=dark]) svg text[fill="#ff8a95"]{fill:#b42339}html:not([data-theme=dark]) svg text[fill="#22c98a"]{fill:#0b8a5c}html:not([data-theme=dark]) svg text[fill="#f3b84b"]{fill:#9a6700}html:not([data-theme=dark]) svg text[fill="#ff5d6c"]{fill:#c0283a}
/* "More" dropdown for header tabs that don't fit (theme.js) */
.top .tabs{overflow:hidden}
.tmore{position:relative;flex:none}
.tmore[hidden],.tmore-m[hidden]{display:none}
.tmore-b{background:none;border:0;color:var(--m);font:inherit;font-size:13.5px;padding:7px 10px;border-radius:9px;cursor:pointer;white-space:nowrap}
.tmore-b:hover,.tmore-b.on,.tmore-b[aria-expanded=true]{background:var(--p2);color:var(--t)}
.tmore-b:focus-visible,.tmore-m a:focus-visible{outline:2px solid var(--a,#3b82f6);outline-offset:1px}
.tmore-m{position:absolute;top:calc(100% + 6px);left:0;z-index:60;min-width:170px;right:0;left:auto;display:flex;flex-direction:column;gap:2px;padding:6px;background:var(--p,#fff);border:1px solid var(--b,#d5dbe7);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.tmore-m a{padding:8px 12px;border-radius:8px;color:var(--t);white-space:nowrap}
.tmore-m a:hover,.tmore-m a.on{background:var(--p2)}
/* mega-menu groups moved into More expand inline */
.tmore-m .dd{display:block}.tmore-m .ddb{display:block;width:100%;text-align:left;padding:8px 12px;border-radius:8px;color:var(--t)}.tmore-m .ddb:hover{background:var(--p2)}
.tmore-m .dd .ddm{display:none}.tmore-m .dd.open .ddm{display:block;position:static;box-shadow:none;border:0;padding:0 0 0 10px;min-width:0;max-height:50vh}
.tmore-m{max-height:80vh;overflow:auto}
@media(max-width:760px){.top .cmdbtn{display:none}.top:not(.ssr) .tmore{display:none}.top.ssr .tmore{order:11}}