:root{
  --bg:#07120d;--bg2:#0b1d14;--card:#10281b;--card2:#12311f;--fg:#e9fff0;
  --muted:#a8c7b1;--accent:#75ff2f;--accent2:#44c7ff;--warn:#ffd166;
  --danger:#ff6b6b;--border:#285036;--link:#83d6ff;--code:#08180f;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:linear-gradient(180deg,var(--bg),#06100b 40%,#08140e);color:var(--fg);
font-family:Segoe UI,Arial,sans-serif;line-height:1.62}
a{color:var(--link)} a:hover{color:#bfeaff}
header{padding:52px 6vw 38px;background:radial-gradient(circle at 15% 0,#173b25 0,#0a1b12 48%,#06100b 100%);
border-bottom:1px solid var(--border)}
header .eyebrow{color:var(--accent);font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:.82rem}
header h1{max-width:1150px;margin:.25rem 0 .75rem;font-size:clamp(2rem,4.5vw,4.2rem);line-height:1.05}
header p{max-width:1050px;color:#c7dfcf;font-size:1.08rem}
main{max-width:1220px;margin:auto;padding:28px 22px 70px}
nav.toc,.card,.chartbox,.notice,figure{background:linear-gradient(180deg,var(--card),#0c2116);
border:1px solid var(--border);border-radius:14px}
nav.toc,.card,.chartbox,.notice{padding:20px 24px;margin:18px 0}
h2{margin-top:2.2rem;font-size:1.75rem;color:#dfffe8;border-bottom:1px solid #285036;padding-bottom:.42rem}
h3{color:#d7ffe1;margin-top:1.6rem}
.badge{display:inline-block;padding:.2rem .55rem;border:1px solid #3f7250;border-radius:999px;color:#cffff0;
font-size:.8rem;margin:.15rem .2rem .15rem 0}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.kpi{padding:16px;border:1px solid var(--border);border-radius:12px;background:#0a2014}
.kpi strong{display:block;color:var(--accent);font-size:1.55rem}
table{width:100%;border-collapse:collapse;font-size:.93rem;margin:16px 0}
th,td{border:1px solid #274a33;padding:8px 9px;vertical-align:top}
th{background:#153a25;color:#effff4;position:sticky;top:0}
tr:nth-child(even) td{background:#0d2116}
.tablewrap{overflow:auto;max-height:720px;border:1px solid var(--border);border-radius:12px}
.note{border-left:4px solid var(--warn);background:#2b2512;padding:12px 15px;border-radius:8px}
.good{border-left:4px solid var(--accent);background:#102b17;padding:12px 15px;border-radius:8px}
.danger{border-left:4px solid var(--danger);background:#301516;padding:12px 15px;border-radius:8px}
code,pre{font-family:Consolas,ui-monospace,monospace}
pre{background:var(--code);padding:14px;border:1px solid #2a5137;border-radius:10px;overflow:auto}
figure{margin:22px 0;padding:14px}
figure svg{width:100%;height:auto;display:block;border-radius:10px;background:#08160e}
figcaption{color:var(--muted);font-size:.88rem;margin-top:8px}
canvas{width:100%;height:440px;background:#08160e;border-radius:10px;border:1px solid #284d34}
.chart-controls{display:flex;gap:12px;flex-wrap:wrap;margin:.75rem 0}
button{background:#143720;color:white;border:1px solid #3f7250;border-radius:8px;padding:.55rem .8rem;cursor:pointer}
button:hover{border-color:var(--accent)}
.source{font-size:.88rem;color:var(--muted)}
.source a{word-break:break-all}
.downloads a{display:inline-block;margin:.3rem .5rem .3rem 0;padding:.55rem .75rem;border-radius:8px;border:1px solid #3b6c4a;text-decoration:none}
footer{max-width:1220px;margin:0 auto;padding:0 22px 50px;color:var(--muted)}
@media(max-width:800px){.grid2,.grid3{grid-template-columns:1fr}header{padding:38px 22px}.tablewrap{max-height:none}canvas{height:360px}}
@media print{body{background:#fff;color:#111}header,.card,.chartbox,nav.toc,figure{background:#fff;color:#111;border-color:#bbb}
a{color:#0645ad}h2,h3{color:#111}th{position:static;background:#eee;color:#111}pre{background:#f5f5f5;color:#111}}