:root{--ground:#eff2f5;--surface:#fff;--ink:#14181c;--body:#333c45;--muted:#5f6a75;--line:#d9e0e6;--accent:#a9541f;--soft:#f6ede6}
@media (prefers-color-scheme:dark){:root{--ground:#121619;--surface:#191e22;--ink:#e9edf0;--body:#c3cbd2;--muted:#8d98a3;--line:#262d33;--accent:#e09257;--soft:#241a13}}
*{box-sizing:border-box}
body{margin:0;background:var(--ground);color:var(--body);font:18px/1.65 Georgia,"Iowan Old Style","Times New Roman",serif}
.strip{height:6px;background:linear-gradient(90deg,#9fc3e8,#f1e7d3 50%,#e0a05c)}
.wrap{max-width:760px;margin:0 auto;padding:0 22px}
header{padding:56px 0 24px}
.badge{display:inline-block;font:700 12px/1 system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);border:1px solid var(--accent);border-radius:99px;padding:6px 12px}
h1{font-size:clamp(40px,8vw,68px);line-height:1.05;color:var(--ink);margin:18px 0 10px;letter-spacing:-.01em}
.lead{font-size:clamp(20px,3vw,25px);color:var(--ink);max-width:30ch;margin:0 0 6px}
h2{font-size:26px;color:var(--ink);margin:46px 0 8px}
p{margin:10px 0}
ul{padding-left:22px}li{margin:8px 0}
.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:22px 26px;margin:22px 0}
.card h2{margin-top:0}
.quiet{background:var(--soft);border-left:3px solid var(--accent);border-radius:0 12px 12px 0;padding:16px 22px;margin:28px 0}
a{color:var(--accent)}
a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
footer{border-top:1px solid var(--line);margin-top:56px;padding:28px 0 44px;font:14px/1.6 system-ui,sans-serif;color:var(--muted)}
footer p{margin:6px 0}

.wide{max-width:1000px}
.crumb{margin:0 0 14px;font:14px system-ui,sans-serif}
.h1s{font-size:clamp(34px,6vw,56px);line-height:1.08;color:var(--ink);margin:16px 0 10px}
.wide-lead{font-size:clamp(18px,2.4vw,22px);color:var(--body);max-width:44ch;margin:0 0 10px}
h3{font-size:21px;color:var(--ink);margin:26px 0 6px}
.walls{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:16px;margin:18px 0}
.wall{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px 20px;position:relative}
.wall h3{margin:6px 0 6px;font-size:19px}
.wall p{margin:0;font-size:16px}
.wall .n{display:inline-block;font:700 13px system-ui,sans-serif;color:var(--accent);border:1px solid var(--accent);border-radius:99px;padding:3px 10px}
.bars{margin:16px 0}
.bar{display:grid;grid-template-columns:minmax(150px,1.1fr) 3fr 52px;gap:12px;align-items:center;margin:10px 0;font:15px system-ui,sans-serif}
.bar .track{display:block;background:var(--line);height:14px;border-radius:99px;overflow:hidden}
.bar .track i{display:block;height:100%;background:var(--accent);border-radius:99px}
.bar .val{font-weight:700;color:var(--ink);text-align:right}
@media (max-width:600px){.bar{grid-template-columns:1fr 52px}.bar .track{grid-column:1/3}}
.tablewrap{overflow-x:auto;margin:16px 0}
table{width:100%;border-collapse:collapse;font:15px/1.5 system-ui,sans-serif;min-width:640px}
th,td{border-bottom:1px solid var(--line);padding:11px 10px;text-align:left;vertical-align:top}
thead th{color:var(--muted);font-size:13px;letter-spacing:.06em;text-transform:uppercase}
tbody th{color:var(--accent);white-space:nowrap}
.v{font-weight:600}
.v.bad{color:#b0301c}.v.warn{color:#8a5a00}.v.info{color:#1f6f8b}
@media (prefers-color-scheme:dark){.v.bad{color:#f0907f}.v.warn{color:#e8b66a}.v.info{color:#7cc3dd}}
.sr{position:absolute;left:-9999px}
.mut2{color:var(--muted);font:15px/1.55 system-ui,sans-serif}

.betabar{background:var(--soft);border-bottom:1px solid var(--line);font:14px/1.5 system-ui,sans-serif;padding:8px 22px;color:var(--muted);text-align:center}
.betabar b{color:var(--ink)}