:root{--ink:#17283B;--mut:#5B6B7C;--line:#D5DCE3;--bg:#EEF1F4;--surf:#fff;--acc:#0F766E;--h1:#B42318;--h2:#DD6B20;--h3:#D9A400;--h4:#4C9A6A;--h5:#0F766E}
@media(prefers-color-scheme:dark){:root{--ink:#E6ECF2;--mut:#9FB0C0;--line:#33465A;--bg:#0F1A26;--surf:#172637;--acc:#4FD1C5}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;line-height:1.2}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:var(--surf);padding:8px}
.top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 24px;background:#17283B;color:#fff}
.top a{color:#fff;margin-left:18px;text-decoration:none;padding:4px 0;border-bottom:2px solid transparent}.top a:hover,.top a:focus-visible{border-color:#4FD1C5}
.brand{font:700 18px Georgia,serif}
main{max-width:1200px;margin:0 auto;padding:24px}
:focus-visible{outline:3px solid var(--acc);outline-offset:2px}
.card{background:var(--surf);border:1px solid var(--line);border-radius:6px;padding:18px;margin-bottom:16px}
.f{display:block;margin:10px 0}.f span{display:block;font-weight:600;margin-bottom:4px}
input,select,textarea{width:100%;padding:8px;border:1px solid var(--line);border-radius:4px;background:var(--surf);color:var(--ink);font:inherit}
textarea{min-height:70px}
button,.btn{background:var(--acc);color:#fff;border:0;border-radius:4px;padding:9px 16px;font:600 14px system-ui;cursor:pointer;text-decoration:none;display:inline-block;margin:4px 6px 4px 0}
button.alt{background:transparent;color:var(--ink);border:1px solid var(--line)}
table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px;border-bottom:1px solid var(--line)}
.h0{background:var(--line);color:var(--ink)}.h1{background:var(--h1)}.h2{background:var(--h2)}.h3{background:var(--h3)}.h4{background:var(--h4)}.h5{background:var(--h5)}
.chip{display:inline-block;min-width:54px;text-align:center;padding:2px 10px;border-radius:12px;color:#fff;font-weight:700}.chip.h0{color:var(--ink)}
.ws{display:grid;grid-template-columns:200px 1fr 230px;gap:20px;align-items:start}
.ws nav a{display:block;padding:6px 0;color:var(--ink)}
.live{position:sticky;top:12px;background:var(--surf);border:1px solid var(--line);border-radius:6px;padding:16px}
.big{font:700 40px Georgia,serif;display:inline-block;padding:2px 14px;border-radius:6px;color:#fff}.big.h0{color:var(--ink)}
.sec{margin:4px 0;color:var(--mut);font-size:13px}.layer{font-size:12px;color:var(--mut);border:1px solid var(--line);border-radius:10px;padding:1px 8px;margin-left:6px}
details{margin:8px 0;border-left:3px solid var(--acc);padding-left:12px}summary{cursor:pointer;font-weight:600}
details h4{margin:10px 0 2px}details p,details ol{margin:2px 0}
.msg{padding:10px;border-radius:4px;background:var(--surf);border:1px solid var(--h2);margin:10px 0}
@media(max-width:900px){.ws{grid-template-columns:1fr}.live{position:static}.ws nav{display:none}main{padding:14px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
@media print{.top,.live,.ws nav,button{display:none}body{background:#fff;color:#000}}
.prow{display:grid;grid-template-columns:2fr 1fr 2fr 110px 110px auto;gap:8px;margin:8px 0}
.cols{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.scroll{overflow-x:auto}
@media(max-width:900px){.prow,.cols{grid-template-columns:1fr}}
.pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.prow3{display:grid;grid-template-columns:3fr 1fr 1fr auto;gap:8px;margin:8px 0}
.srow{display:grid;grid-template-columns:3fr 70px 140px 2fr auto auto;gap:8px;align-items:center;margin:8px 0;padding-bottom:8px;border-bottom:1px solid var(--line)}
.bands{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}input[type=checkbox]{width:auto}
@media(max-width:900px){.pair,.prow3,.srow{grid-template-columns:1fr}}
html.embedded,html.embedded body{overflow:hidden}.embedded .top{position:static}.embedded main{padding:14px}