:root{
  --bg:#f8f8f6;
  --card:#ffffff;
  --ink:#1f2328;
  --muted:#6a7380;
  --accent:#2254d3;
  --border:#e5e7eb;
  --good:#3d85c6;
  --safe:#6aa84f;
  --warn:#e69138;
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial;}
header{padding:24px 16px 8px;}
h1{margin:0;font-weight:800;letter-spacing:.2px}
.tm{font-weight:600;font-size:.7em;color:var(--muted);margin-left:.25rem}
.governance{color:var(--muted);margin-top:.25rem}

.tabs{display:flex; gap:8px; padding:8px 16px; border-top:1px solid var(--border); border-bottom:1px solid var(--border); background:#fff; position:sticky; top:0; z-index:10}
.tabs a{padding:8px 12px; border:1px solid var(--border); border-radius:10px; text-decoration:none; color:var(--ink); font-weight:600}
.tabs a:hover{border-color:var(--accent)}
.admin-pill{margin-left:auto;background:linear-gradient(180deg,#f5f8ff,#eef3ff)}

main#content{max-width:1000px;margin:20px auto;padding:0 16px}

.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px;margin:12px 0; box-shadow:0 1px 0 rgba(0,0,0,.02)}
.grid{display:grid;gap:12px}
.grid.cols-2{grid-template-columns:1fr 1fr}
.grid.cols-3{grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){.grid.cols-2,.grid.cols-3{grid-template-columns:1fr}}

.btn{appearance:none;background:#fff;border:1px solid var(--border);border-radius:10px;padding:8px 12px;font-weight:700;cursor:pointer}
.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}
.btn.warn{background:#fff7ed;border-color:#fbbf24}

.input, select{padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:#fff;width:100%}

.small{font-size:.9rem;color:var(--muted)}
.badge{display:inline-block;padding:.15rem .5rem;border:1px solid var(--border);border-radius:999px;font-size:.75rem;margin-right:6px;background:#fff}
.badge.safety{border-color:var(--safe);color:var(--safe)}
.badge.growth{border-color:var(--good);color:var(--good)}
.badge.warn{border-color:var(--warn);color:var(--warn)}

.alert{border:1px solid var(--border);background:#fff;border-left:4px solid var(--accent);padding:10px;border-radius:10px;margin:10px 0}
.alert.warn{border-left-color:var(--warn);background:#fffaf3}
.alert.info{border-left-color:#94a3b8;background:#f8fafc}

footer{padding:24px 16px;color:var(--muted);text-align:center}
footer a{color:inherit}
.disclaimer{margin-top:6px}
.copy{margin-top:6px;font-size:.9rem}

.chart-wrap{background:#fff;border:1px solid var(--border);border-radius:14px;padding:12px}
.kv{display:grid;grid-template-columns:160px 1fr;gap:8px}
hr{border:none;border-top:1px solid var(--border);margin:14px 0}

.tooltip{position:absolute;background:#111;color:#fff;padding:.35rem .5rem;border-radius:.4rem;font-size:.75rem;transform:translate(-50%,-110%);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .12s}
.help{display:inline-block;border:1px solid var(--border);border-radius:999px;padding:0 .4rem;line-height:1.2;background:#fff;cursor:help}