/* Unisition (unisition.org): a survey-plat look — paper, ink, a faint section grid. */
:root{--paper:#f5f1e6;--sheet:#fffdf7;--ink:#1c2a3a;--muted:#5f6b74;--line:#d9d1bd;--grid:rgba(28,42,58,.055);--red:#a4442a;--red-ink:#fff;--ok:#2e7d4f;--wait:#2a5f8f;--chip:#efe9da}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#0f1418;--sheet:#161d22;--ink:#e6e9e4;--muted:#9aa6ad;--line:#2b363d;--grid:rgba(230,233,228,.045);--red:#e38b6c;--red-ink:#1a0d08;--ok:#7fd3a0;--wait:#79aee0;--chip:#1f282e;color-scheme:dark}}
:root[data-theme=dark]{--paper:#0f1418;--sheet:#161d22;--ink:#e6e9e4;--muted:#9aa6ad;--line:#2b363d;--grid:rgba(230,233,228,.045);--red:#e38b6c;--red-ink:#1a0d08;--ok:#7fd3a0;--wait:#79aee0;--chip:#1f282e;color-scheme:dark}
*{box-sizing:border-box}
html{background:var(--paper)}
body{margin:0;color:var(--ink);font:16px/1.6 Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:var(--paper);
  background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:64px 64px}
a{color:var(--red)}a:hover{text-decoration-thickness:2px}
h1,h2,h3{font-family:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;font-weight:600;line-height:1.2;text-wrap:balance;margin:0 0 .5em}
h1{font-size:clamp(30px,5.4vw,52px);letter-spacing:-.01em}h2{font-size:clamp(23px,3.2vw,30px);margin-top:0}h3{font-size:19px}
p{margin:0 0 1em;max-width:68ch}
code,.mono{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:.92em}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
header.top{border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--paper) 88%,transparent);backdrop-filter:blur(6px);position:sticky;top:0;z-index:5}
header.top .wrap{display:flex;align-items:center;gap:18px;min-height:56px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:9px;font-weight:700;color:var(--ink);text-decoration:none;letter-spacing:.02em}
.brand svg{width:26px;height:26px}
nav.links{display:flex;gap:16px;margin-left:auto;font-size:14.5px}nav.links a{color:var(--ink);text-decoration:none}nav.links a[aria-current=page],nav.links a:hover{color:var(--red)}
.hero{padding-top:56px;padding-bottom:28px}
.eyebrow{font:600 12px/1 ui-monospace,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--red);margin-bottom:14px}
.lede{font-size:clamp(17px,2.1vw,20px);color:var(--ink);max-width:62ch}
.btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.btn{display:inline-flex;align-items:center;gap:7px;border:1.5px solid var(--ink);color:var(--ink);background:transparent;border-radius:6px;padding:9px 15px;font:600 15px/1.2 inherit;text-decoration:none;cursor:pointer}
.btn.primary{background:var(--red);border-color:var(--red);color:var(--red-ink)}
.btn:hover{filter:brightness(1.06)}
section{padding:34px 0}
.sheet{background:var(--sheet);border:1px solid var(--line);border-radius:10px;padding:22px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media (max-width:780px){.grid2,.grid3{grid-template-columns:1fr}}
.card{background:var(--sheet);border:1px solid var(--line);border-radius:10px;padding:18px}
.card h3{margin-bottom:.35em}.card p{font-size:15px;margin:0}
.k{color:var(--muted);font-size:14px}
table{width:100%;border-collapse:collapse;font-size:15px}
th,td{text-align:left;padding:10px 10px;border-bottom:1px solid var(--line);vertical-align:top}
th{font:600 12px/1.3 ui-monospace,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
td:first-child{font-weight:600;white-space:nowrap}
.cmp td:nth-child(3){background:color-mix(in srgb,var(--red) 7%,transparent)}
.scroll{overflow-x:auto}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media (max-width:780px){.stats{grid-template-columns:1fr 1fr}}
.stat{border:1px solid var(--line);border-radius:10px;padding:14px;background:var(--sheet)}
.stat b{display:block;font:600 28px/1.1 "Iowan Old Style",Georgia,serif;font-variant-numeric:tabular-nums}.stat span{color:var(--muted);font-size:13px}
.upn{font-family:ui-monospace,Menlo,monospace;font-size:clamp(13px,1.9vw,17px);word-break:break-all;background:var(--chip);border:1px dashed var(--line);border-radius:8px;padding:12px 14px}
.upn .u{color:var(--muted)}.upn .p{color:var(--red);font-weight:700}
.levels{list-style:none;margin:0;padding:0;counter-reset:l}
.levels li{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:baseline;padding:7px 0;border-bottom:1px solid var(--line);font-size:15px}
.levels li::before{counter-increment:l;content:counter(l);font:12px ui-monospace,Menlo,monospace;color:var(--muted)}
.levels b{font-family:ui-monospace,Menlo,monospace;font-size:16px;color:var(--red)}
.levels small{color:var(--muted);display:block;font-size:13px}
label{display:block;font-size:13px;color:var(--muted);margin:12px 0 4px}
input,select{width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:7px;background:var(--sheet);color:var(--ink);font:inherit}
input:focus,select:focus,.btn:focus-visible,a:focus-visible{outline:2px solid var(--red);outline-offset:2px}
.row{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media (max-width:520px){.row{grid-template-columns:1fr}}
.msg{padding:10px 12px;border-radius:8px;font-size:14.5px;margin-top:12px}.msg.err{background:color-mix(in srgb,var(--red) 12%,transparent);color:var(--ink)}
.pill{display:inline-block;border-radius:999px;padding:2px 9px;font-size:12.5px;border:1px solid var(--line)}
.pill.ok{border-color:var(--ok);color:var(--ok)}.pill.wait{border-color:var(--wait);color:var(--wait)}
.plot{width:100%;height:auto;border:1px solid var(--line);border-radius:10px;background:var(--sheet)}
.plot text{font:11px ui-monospace,Menlo,monospace;fill:var(--muted)}
.steps{counter-reset:s;list-style:none;padding:0;margin:0}
.steps li{position:relative;padding:0 0 18px 46px}
.steps li::before{counter-increment:s;content:counter(s);position:absolute;left:0;top:0;width:30px;height:30px;border:1.5px solid var(--red);color:var(--red);border-radius:50%;display:grid;place-items:center;font:600 14px ui-monospace,Menlo,monospace}
.note{border-left:3px solid var(--red);padding:4px 0 4px 14px;color:var(--muted);font-size:14.5px}
footer{border-top:1px solid var(--line);padding:26px 0 40px;margin-top:30px;color:var(--muted);font-size:14px}
footer p{max-width:none}
.theme{border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:6px;padding:4px 8px;font:inherit;font-size:13px;cursor:pointer}