:root{color-scheme:light dark;--bg:#f4f8f5;--surface:#fff;--text:#14201a;--muted:#52645a;--line:#cedbd2;--brand:#166534;--on-brand:#fff;--danger:#a92525;--focus:#b86e00;--notice:#e8f4ec}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,-apple-system,sans-serif}header,nav,main,footer{max-width:1180px;margin:auto;padding:24px}header,nav{display:flex;align-items:center;gap:24px;flex-wrap:wrap}header{border-bottom:1px solid var(--line)}.brand{font-size:28px;color:var(--brand)}header span,footer,.lede,small{color:var(--muted)}nav{gap:8px;padding-block:12px}nav a{padding:12px}nav form{margin-left:auto}a{color:var(--brand);text-underline-offset:3px}h1{font-size:clamp(28px,4vw,38px);line-height:1.15;margin:24px 0 12px}h2{font-size:21px;margin-top:0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:24px;margin-top:24px}.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:24px;min-width:0;margin-bottom:16px}.narrow{max-width:460px;margin:32px auto}form{display:flex;flex-direction:column;gap:10px}input,select,button,.button{font:inherit;border:1px solid var(--line);border-radius:14px;padding:10px 14px;min-height:44px;max-width:100%;min-width:0}input,select{background:var(--surface);color:var(--text);width:100%}button,.button{cursor:pointer;background:var(--brand);color:var(--on-brand);border-color:var(--brand);text-align:center;text-decoration:none;display:inline-block}button:hover,.button:hover{filter:brightness(.94)}button:disabled{opacity:.6;cursor:wait}.secondary{background:var(--surface);color:var(--brand)}.danger{background:var(--danger);border-color:var(--danger)}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.selector{flex-direction:row;align-items:center;flex-wrap:wrap}.selector select{width:auto;flex:1;max-width:280px}.actions{display:flex;flex-wrap:wrap;gap:8px}.notice{background:var(--notice);border-radius:8px;padding:12px}.error{color:var(--danger)}code,dd{overflow-wrap:anywhere}code{font-size:14px}dd{margin:4px 0 16px}dt{font-weight:600}.status{font-weight:600}.skip{position:absolute;left:12px;top:-100px;background:var(--surface);padding:12px}.skip:focus{top:12px}small{font-size:14px}footer{border-top:1px solid var(--line);margin-top:32px;font-size:14px}@media(max-width:500px){header,nav,main,footer{padding:16px}header{gap:8px}nav form{margin-left:0}.card{padding:18px}nav a{padding:10px 8px}}@media(prefers-color-scheme:dark){:root{--bg:#101b14;--surface:#19291f;--text:#eef6f0;--muted:#b4c9bb;--line:#405448;--brand:#8bdfaa;--on-brand:#132619;--danger:#f79c9c;--focus:#f4c56d;--notice:#233f2d}.danger{color:#261313}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;padding:8px;border-bottom:1px solid var(--line);white-space:nowrap}.pill{display:inline-block;padding:4px 10px;margin:0 4px 4px 0}
