:root { --ink:#172033; --muted:#667085; --subtle:#f5f7fb; --line:#e4e7ec; --paper:#fff; --canvas:#f6f8fc; --brand:#315efb; --brand-dark:#2448c8; --brand-soft:#eef2ff; --brand-glow:rgba(49 94 251 / 12%); --success:#087443; --warning:#b54708; --danger:#b42318; --shadow:0 8px 24px rgb(16 24 40 / 6%); }
* { box-sizing:border-box; }
[hidden] { display:none !important; }
body { margin:0; background:var(--canvas); color:var(--ink); font:15px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
a { color:var(--brand); }
a:hover { color:var(--brand-dark); }
.skip-link { position:absolute; left:-999px; top:8px; z-index:10; background:#fff; padding:8px 12px; border-radius:6px; }
.skip-link:focus { left:8px; }
h1 { font-size:30px; line-height:1.2; letter-spacing:-.035em; margin:0 0 7px; }
h2 { font-size:18px; letter-spacing:-.015em; margin:0 0 7px; }
h3 { font-size:15px; }
.inline { display:inline; }
.muted { color:var(--muted); }
.small { font-size:13px; }