:root{color-scheme:dark;--bg:#0b1017;--panel:#121b25;--line:#293848;--ink:#eff5f9;--muted:#a6b5c3;--teal:#83e8ce;--amber:#ffbe73;--red:#ff9494}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 system-ui,sans-serif}header{max-width:1300px;margin:auto;padding:22px 28px;display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line)}header>a:last-child{margin-left:auto}.brand{font-weight:850;letter-spacing:.13em;text-decoration:none}.brand span{font-size:10px;display:block;color:var(--muted);letter-spacing:.22em}a{color:var(--teal)}main{max-width:1300px;margin:auto;padding:0 28px}.hero{display:grid;grid-template-columns:1.65fr 1fr;align-items:center;gap:60px;padding:40px 0 30px}h1{font-size:48px;line-height:1.08;letter-spacing:-.04em;margin:12px 0 18px}h2{font-size:24px;line-height:1.25;margin:7px 0 12px;letter-spacing:-.02em}h3{font-size:14px;margin:22px 0 8px}.intro{color:var(--muted);max-width:660px;font-size:17px;margin-bottom:0}.eyebrow{font-size:11px;letter-spacing:.15em;font-weight:800;color:var(--teal);margin:0}.scope{border-left:2px solid var(--line);padding:8px 0 8px 26px;color:var(--muted);font-size:14px}.scope b{color:var(--ink);font-size:17px}.scope p:last-child{font-size:12px}.pill{display:inline-block;font-size:11px;border:1px solid var(--line);border-radius:20px;padding:5px 10px;color:var(--amber)}.toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;background:var(--panel);border:1px solid var(--line);padding:16px;border-radius:12px}.toolbar label{flex:1;min-width:220px;font-size:12px;color:var(--muted)}select{display:block;width:100%;margin-top:5px}button,select{background:#1b2937;color:var(--ink);border:1px solid #405364;border-radius:6px;font:inherit;font-size:13px;padding:11px 13px;cursor:pointer}button:hover{border-color:var(--teal)}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--amber);outline-offset:3px}.primary{background:var(--teal);color:#0b211c;font-weight:750}button:disabled{opacity:.4;cursor:default}.progress{padding:22px 2px 12px}.progress>div{display:flex;align-items:center;gap:18px}.progress h2{font-size:20px;margin:0}.progress #stepcount{font-size:11px;color:var(--muted);min-width:80px}.progress>p{font-size:12px;color:var(--muted);margin:8px 0 0}.lanes{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:10px}.lane{background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--amber);border-radius:10px;padding:21px}.guarded{border-top-color:var(--teal)}.lane-title{display:flex;justify-content:space-between;gap:8px;align-items:start}.lane-title h2{font-size:22px}.lane-title .subtle{color:var(--muted);font-size:10px}.explain{font-size:12px;color:var(--muted);min-height:54px;margin:0 0 18px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;border-block:1px solid var(--line);padding:12px 0}.metrics strong{display:block;font-size:34px;font-weight:750;line-height:1.15}.metrics span{font-size:10px;line-height:1.3;display:block;color:var(--muted);margin-top:4px}.status{padding:10px 12px;background:#192733;margin-top:14px;border-radius:5px;font-size:12px;min-height:38px}.status.bad{background:#3d2128;color:var(--red)}.status.hold{background:#352b20;color:var(--amber)}.entry{font-size:12px;border-bottom:1px solid var(--line);padding:9px 0}.entry b{display:block;font-size:13px}.entry code{font-size:10px;color:var(--muted);overflow-wrap:anywhere}.entry .state{display:inline-block;float:right;font-size:11px;text-transform:uppercase;color:var(--amber)}.entry p{margin:5px 0;color:var(--muted);font-size:11px}.empty{color:var(--muted);font-size:12px;padding:7px 0}.result{border-left:3px solid var(--teal);margin:26px 0;padding:0 20px}.result h2{font-size:25px}.result>p:not(.eyebrow){font-size:14px;color:var(--muted)}#last-actions{font-size:11px;color:var(--muted)}.developer{border-top:1px solid var(--line);padding:26px 0;display:grid;grid-template-columns:1fr 1fr;gap:44px;font-size:13px;color:var(--muted)}.developer h2,.developer h3{color:var(--ink)}pre{padding:16px;background:#121b25;border:1px solid var(--line);border-radius:8px;overflow:auto;color:var(--ink);font-size:12px}nav{display:flex;flex-wrap:wrap;gap:14px;margin:18px 0}footer{font-size:11px;color:var(--muted);border-top:1px solid var(--line);padding:18px 0}#error{color:var(--red)}[hidden]{display:none!important}@media(max-width:750px){header{padding:16px;gap:12px;flex-wrap:wrap}header>a:last-child{font-size:12px}main{padding:0 16px}.hero{display:block;padding:27px 0}h1{font-size:38px}.scope{display:none}.lanes,.developer{grid-template-columns:1fr}.progress>div{display:block}.progress #stepcount{display:block;margin-bottom:8px}.toolbar{gap:8px}.toolbar label{flex-basis:100%}.lane-title{flex-wrap:wrap}.explain{min-height:0}.metrics span{font-size:11px}.intro{font-size:15px}.developer{gap:15px}}
/* A grid's automatic minimum must not widen the page for receipt or code text.
   Preserve all content: wrap diagnostics; let code scroll inside its own box. */
.lanes,.developer{grid-template-columns:repeat(2,minmax(0,1fr))}
.hero>*,.lanes>*,.developer>*,.lane-title>*,.metrics>*{min-width:0}
.entry,.status,#note,#last-actions,#step-title,#error{overflow-wrap:anywhere}
.toolbar label{min-width:0;flex:1 1 240px}
button,select,pre{max-width:100%}
@media(max-width:750px){.lanes,.developer{grid-template-columns:minmax(0,1fr)}.toolbar label{flex-basis:100%}}