:root { --ink:#0f172a; --muted:#475569; --line:#e2e8f0; --accent:#334155; --bg:#f8fafc; --cb:#9a3412; }
* { box-sizing: border-box; }
html, body { margin:0; font-family: ui-sans-serif, system-ui, sans-serif; color:var(--ink); background:var(--bg); }
main { max-width: 1280px; margin: 0 auto; padding: 1.25rem 1.5rem 3rem; }
h1 { font-size: 1.45rem; margin: 0 0 0.35rem; }
h2 { font-size: 1.15rem; margin: 1.6rem 0 0.45rem; }
h3 { font-size: 1rem; margin: 0.9rem 0 0.4rem; }
.caption { color: var(--muted); font-size: 0.92rem; margin: 0 0 0.75rem; line-height: 1.45; }
nav.jump { display:flex; flex-wrap:wrap; gap:0.4rem; margin: 0.75rem 0 1rem; }
nav.jump a {
  font-size:0.85rem; padding:0.35rem 0.65rem; border:1px solid var(--accent);
  border-radius:0.35rem; background:#fff; color:#1e293b; text-decoration:none;
}
nav.jump a:hover { background:#e2e8f0; }
.metrics { display:grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap:0.6rem; margin: 0.6rem 0 1rem; }
.card { background:#fff; border:1px solid var(--line); border-radius:0.45rem; padding:0.55rem 0.75rem; }
.card .k { font-size:0.78rem; color:var(--muted); }
.card .v { font-size:1.05rem; font-variant-numeric: tabular-nums; font-weight:650; }
.grid2 { display:grid; grid-template-columns: 1fr 1fr; gap:0.75rem; }
.grid3 { display:grid; grid-template-columns: 1fr 1fr 1fr; gap:0.75rem; }
.tbl { border-collapse: collapse; width:100%; font-size:0.82rem; background:#fff; margin: 0.5rem 0 1rem; }
.tbl th, .tbl td { border:1px solid var(--line); padding:0.32rem 0.45rem; text-align:right; }
.tbl th { background:#f1f5f9; text-align:left; }
.tbl td:first-child, .tbl th:first-child { text-align:left; }
.tabs { display:flex; gap:0.4rem; margin: 0.5rem 0 0.75rem; }
.tab { font-size:0.9rem; padding:0.4rem 0.75rem; border:1px solid var(--accent); border-radius:0.35rem; background:#fff; cursor:pointer; }
.tab.active { background:var(--accent); color:#fff; font-weight:700; }
[hidden] { display:none !important; }
.wrap { overflow-x:auto; }
@media (max-width: 960px) { .grid2, .grid3 { grid-template-columns: 1fr; } }