:root{
  --bg:#f8fafc;
  --paper:#ffffff;
  --ink:#0f172a;
  --muted:#475569;
  --line:#dbe3ed;
  --accent:#0369a1;
  --accent-2:#0f766e;
  --chip:#e0f2fe;
  --warn:#fff7ed;
  --warn-line:#fed7aa;
  --good:#ecfdf5;
  --good-line:#bbf7d0;
  --shadow:0 12px 32px rgba(15,23,42,.08);
  --radius:18px;
  --max:1160px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:var(--accent);text-decoration-thickness:.08em;text-underline-offset:.2em}
a:hover{text-decoration-thickness:.14em}
.site-header{background:rgba(255,255,255,.92);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40;backdrop-filter:saturate(140%) blur(10px)}
.nav{max-width:var(--max);margin:auto;display:flex;align-items:center;gap:20px;padding:12px 18px}
.brand{display:flex;align-items:center;gap:9px;font-weight:800;color:var(--ink);text-decoration:none;white-space:nowrap}
.brand-mark{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,#0f172a,#0369a1);display:inline-grid;place-items:center;color:white;font-size:13px;font-weight:900}
.nav-links{margin-left:auto;display:flex;flex-wrap:wrap;gap:10px 16px;font-size:.94rem}
.nav-links a{color:#334155;text-decoration:none}
.nav-links a[aria-current="page"],.nav-links a:hover{color:var(--accent);text-decoration:underline}
.hero{max-width:var(--max);margin:0 auto;padding:56px 18px 28px}
.eyebrow{letter-spacing:.12em;text-transform:uppercase;font-size:.76rem;color:var(--accent-2);font-weight:800}
h1{font-size:clamp(2.1rem,4.8vw,4rem);line-height:1.05;margin:.15em 0 .35em;letter-spacing:-.04em}
h2{font-size:clamp(1.45rem,2.6vw,2.1rem);line-height:1.18;margin:2.2em 0 .7em;letter-spacing:-.02em}
h3{font-size:1.15rem;margin:1.6em 0 .35em}
p{margin:.75em 0}.lead{font-size:1.18rem;color:#334155;max-width:72ch}.muted{color:var(--muted)}
main{max-width:var(--max);margin:0 auto;padding:0 18px 56px}.section-card,.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px;margin:18px 0}
.grid{display:grid;gap:18px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:10px 16px;background:var(--accent);color:white;text-decoration:none;font-weight:700;border:1px solid var(--accent)}.button.secondary{background:white;color:var(--accent)}
ul.clean{padding-left:1.15rem}.tag{display:inline-block;background:var(--chip);color:#075985;border-radius:999px;padding:2px 10px;font-size:.83rem;font-weight:700;margin:2px 4px 2px 0}
table{border-collapse:collapse;width:100%;font-size:.92rem;background:white}th,td{border:1px solid var(--line);padding:10px;vertical-align:top}th{background:#f1f5f9;text-align:left;font-weight:800}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:white} .table-wrap table{border:0}.table-wrap th:first-child,.table-wrap td:first-child{border-left:0}.table-wrap th:last-child,.table-wrap td:last-child{border-right:0}
.footer{border-top:1px solid var(--line);padding:28px 18px;color:var(--muted);background:white}.footer-inner{max-width:var(--max);margin:auto;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.footer a{color:var(--muted)}
.notice{border:1px solid var(--warn-line);background:var(--warn);padding:16px;border-radius:14px}.good{border-color:var(--good-line);background:var(--good)}
@media(max-width:820px){.nav{align-items:flex-start;flex-direction:column}.nav-links{margin-left:0}.grid-2,.grid-3{grid-template-columns:1fr}.hero{padding-top:36px}}