:root {
  --paper:#F3F5F7; --surface:#FFFFFF; --ink:#18212C; --muted:#566273; --rule:#D5DCE3;
  --accent:#B45F10; --accent-soft:#F6E7D8; --human:#2B5C8F; --bad:#A3372B; --bad-soft:#F5E1DE;
  --ok:#2E7A4F; --code:#E9EDF1;
}
@media (prefers-color-scheme: dark) {
  :root {
    --paper:#10151B; --surface:#171E26; --ink:#E3E8EE; --muted:#98A4B3; --rule:#2A3440;
    --accent:#E39445; --accent-soft:#33261A; --human:#86B0DD; --bad:#E58274; --bad-soft:#3A1F1C;
    --ok:#6CC091; --code:#1C242E;
  }
}
* { box-sizing: border-box; }
body { margin:0; background:var(--paper); color:var(--ink); font:15px/1.55 -apple-system,"Segoe UI",Helvetica,Arial,sans-serif; }
a { color:var(--human); }
code, pre, .mono { font-family: ui-monospace, Menlo, Consolas, monospace; }
header.top { background:var(--surface); border-bottom:1px solid var(--rule); padding:14px 24px; display:flex; gap:20px; align-items:baseline; position:sticky; top:0; z-index:5; }
header.top b { font-size:15px; letter-spacing:.02em; }
header.top .eyebrow { font:600 11px/1 ui-monospace,monospace; letter-spacing:.12em; text-transform:uppercase; color:var(--accent); }
header.top nav { margin-left:auto; display:flex; gap:16px; }
main { max-width:1180px; margin:0 auto; padding:24px; display:grid; gap:20px; }
.card { background:var(--surface); border:1px solid var(--rule); border-radius:8px; padding:18px 20px; }
.card h2 { margin:0 0 12px; font-size:15px; letter-spacing:.02em; }
.label { font:600 11px/1 ui-monospace,monospace; letter-spacing:.1em; text-transform:uppercase; color:var(--muted); }
.grid { display:grid; gap:20px; }
@media (min-width:1000px) { .grid.two { grid-template-columns: 1.35fr 1fr; align-items:start; } }
table { width:100%; border-collapse:collapse; font-size:14px; }
th { text-align:left; font:600 11px/1.4 ui-monospace,monospace; text-transform:uppercase; letter-spacing:.08em; color:var(--muted); padding:6px 10px 6px 0; }
td { padding:7px 10px 7px 0; border-top:1px solid var(--rule); vertical-align:top; }
td.num, th.num { text-align:right; font-variant-numeric:tabular-nums; font-family:ui-monospace,monospace; }
.pill { display:inline-block; padding:2px 8px; border-radius:999px; font:600 11px/1.7 ui-monospace,monospace; background:var(--code); color:var(--muted); }
.pill.warn { background:var(--bad-soft); color:var(--bad); }
.pill.good { background:var(--accent-soft); color:var(--accent); }
.stats { display:flex; gap:26px; flex-wrap:wrap; }
.stats div { display:grid; gap:2px; }
.stats b { font-size:22px; font-variant-numeric:tabular-nums; }
button, .button { font:600 13px/1 inherit; padding:9px 14px; border-radius:6px; border:1px solid var(--rule); background:var(--surface); color:var(--ink); cursor:pointer; text-decoration:none; display:inline-block; }
button.primary { background:var(--accent); border-color:var(--accent); color:#fff; }
button:hover { border-color:var(--accent); }
form.inline { display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
input[type=text], textarea, select { font:14px/1.5 inherit; padding:8px 10px; border:1px solid var(--rule); border-radius:6px; background:var(--paper); color:var(--ink); width:100%; }
textarea { font-family:ui-monospace,Menlo,monospace; font-size:13px; line-height:1.6; resize:vertical; }
textarea.body { min-height:560px; }
textarea.config { min-height:620px; }
.field { display:grid; gap:5px; margin-bottom:12px; }
.claim { border-top:1px solid var(--rule); padding:10px 0; font-size:13.5px; }
.claim:first-of-type { border-top:0; }
.claim .note { color:var(--muted); }
.claim q { display:block; margin-bottom:4px; }
.fact { border-top:1px solid var(--rule); padding:9px 0; font-size:13px; }
.fact .claimtext { display:block; }
.fact a { word-break:break-all; font-size:12px; }
pre.log { background:var(--code); padding:12px 14px; border-radius:6px; overflow-x:auto; font-size:12.5px; line-height:1.6; margin:0; }
.notice { padding:10px 14px; border-radius:6px; background:var(--accent-soft); color:var(--accent); font-size:13.5px; }
.notice.bad { background:var(--bad-soft); color:var(--bad); }
.muted { color:var(--muted); }
.spread { display:flex; justify-content:space-between; gap:14px; align-items:baseline; }