@font-face{font-family:'Archivo Black';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/archivo-black.woff2') format('woff2')}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:400 700;font-display:swap;src:url('fonts/space-grotesk.woff2') format('woff2')}
@font-face{font-family:'Space Mono';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/space-mono.woff2') format('woff2')}
/* ============================================================================
   THE CONSOLE: the surface where a person makes an agent and bounds it.
   Sibling of the layer surface (site-ing/styles.css). SAME system, not a
   second one: same three fonts, same token names, same 2px ink borders, same
   hard offset shadows, same Hood mark, same dark canvas.

   THE SEMANTIC COLOR SYSTEM, and it is the whole design argument:
     GREEN (--pool)  value moved. A settled call.
     LILAC (--bound) the boundary. Authoring it, holding it, and the record of
                     it holding. This is the console's signature, because the
                     boundary is what the console makes.
     ARC (--arc)     inherited interactive tint, kept subordinate here so the
                     two surfaces read as different rooms in one building.
     RED             absent, on purpose. Norman (The Design of Everyday Things,
                     cultural constraints): red is the culturally fixed
                     signifier for stop and for fault. A refusal is neither.
   ========================================================================= */
:root{
  --bone:#F6ECD4;--card-lite:#FFFDF7;--ink:#16150F;
  --pool:#00C46B;--pool-ink:#12E07E;
  --ops:#8B6BF0;--creator:#F6B23C;--crowd:#FF6A4D;--buyback:#2E7BE4;
  --mint:#3DDC97;--lilac:#C8A2FF;
  --arc:#3B8CFF;--arc-soft:rgba(59,140,255,.14);
  /* the console signature: the boundary */
  --bound:#C8A2FF;--bound-deep:#8B6BF0;--bound-soft:rgba(200,162,255,.13);
  --canvas:#100F0A;--card:#1C1A12;--card-2:#26231A;--raise:#2E2A1E;
  --edge:#F6ECD4;--edge-dim:rgba(246,236,212,.20);--edge-mid:rgba(246,236,212,.40);
  --muted:rgba(246,236,212,.60);--faint:rgba(246,236,212,.42);
  --s3:3px 3px 0 0 #000;--s4:4px 4px 0 0 #000;--s6:6px 6px 0 0 #000;--s9:9px 9px 0 0 #000;
  --sb:5px 5px 0 0 var(--bound);--sg:5px 5px 0 0 var(--pool);--sa:5px 5px 0 0 var(--arc);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background-color:var(--canvas);color:var(--bone);min-height:100vh;
  /* layered depth, the "background of the background" thread: two soft fields,
     one fine grid, one coarse grid. Four planes before any content lands. */
  background-image:
    radial-gradient(1000px 500px at 82% -10%,rgba(200,162,255,.11),transparent 70%),
    radial-gradient(820px 440px at 6% 2%,rgba(59,140,255,.075),transparent 68%),
    linear-gradient(rgba(246,236,212,.030) 1px,transparent 1px),
    linear-gradient(90deg,rgba(246,236,212,.030) 1px,transparent 1px),
    linear-gradient(rgba(246,236,212,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(246,236,212,.055) 1px,transparent 1px);
  background-size:auto,auto,24px 24px,24px 24px,120px 120px,120px 120px;
  font-family:'Space Grotesk',system-ui,sans-serif;-webkit-font-smoothing:antialiased;
}
.wrap{max-width:1220px;margin:0 auto;padding:0 32px}
.mono{font-family:'Space Mono',monospace}
a{color:inherit;text-decoration:none}

/* ---- surface-identity rail: the legibility gate, on every screen ---- */
.rail{border-bottom:1px solid var(--edge-dim);background:rgba(16,15,10,.72);backdrop-filter:blur(6px);position:sticky;top:0;z-index:60}
.rail-in{max-width:1220px;margin:0 auto;padding:8px 32px;display:flex;align-items:center;gap:14px;font-family:'Space Mono';font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.rail a,.rail span.here{display:inline-flex;align-items:center;gap:7px;color:var(--faint);padding:3px 4px}
.rail a:hover{color:var(--bone)}
.rail .pin{width:8px;min-width:8px;height:8px;min-height:8px;max-height:8px;border-radius:50%;flex:0 0 8px;align-self:center}
.rail .pin.layer{background:var(--arc)}
.rail .pin.console{background:var(--bound);outline:3px solid rgba(200,162,255,.22);outline-offset:0}
.rail .here{color:var(--bone);border-bottom:2px solid var(--bound)}
.rail .sep{flex:1}
.rail .legi{color:var(--faint);text-transform:none;letter-spacing:0;font-size:11px}
@keyframes pulseB{0%{box-shadow:0 0 0 0 rgba(200,162,255,.55)}70%{box-shadow:0 0 0 7px rgba(200,162,255,0)}100%{box-shadow:0 0 0 0 rgba(200,162,255,0)}}

/* ---- nav ---- */
nav{display:flex;align-items:center;justify-content:space-between;height:74px;gap:12px}
.brand{display:flex;align-items:center;gap:10px;font-family:'Archivo Black';font-size:21px;letter-spacing:-.03em;color:var(--bone)}
.brand svg{width:30px;height:30px;background:var(--card);border:2px solid var(--edge);border-radius:9px;padding:4px;box-shadow:var(--s4);overflow:visible}
.brand .d{color:var(--pool);-webkit-text-stroke:1px var(--edge)}
.brand .surf{font-family:'Space Mono';font-size:10px;font-weight:400;letter-spacing:.13em;text-transform:uppercase;color:var(--bound);border:1.5px solid var(--bound-deep);background:var(--bound-soft);border-radius:5px;padding:3px 6px;margin-left:9px;position:relative;top:-3px}
.nav-links{display:flex;gap:8px}
.nav-links a{border:2px solid var(--edge);border-radius:9999px;padding:8px 15px;font-size:14px;font-weight:600;background:var(--card);color:var(--bone);box-shadow:var(--s4);transition:transform .1s}
.nav-links a:hover{transform:translate(-1px,-1px)}
.nav-links a.on{background:var(--bound);color:#241540;border-color:var(--edge)}
.btn{font-family:inherit;font-weight:700;font-size:14.5px;padding:11px 18px;border:2px solid var(--edge);border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:7px;background:var(--card);color:var(--bone);box-shadow:var(--s4);transition:all .1s ease}
.btn:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 0 #000}
.btn:active{transform:translate(2px,2px);box-shadow:0 0 0 0 #000}
.btn.b{background:var(--bound);color:#241540}
.btn.b:hover{box-shadow:var(--sb)}
.btn.g{background:var(--pool);color:#04371f}
.btn.g:hover{box-shadow:var(--sg)}
.btn.k{background:var(--card-2)}
.btn.s{background:transparent}
.btn.sm{font-size:12.5px;padding:8px 13px;box-shadow:var(--s3)}
.btn[disabled]{opacity:.34;cursor:not-allowed;transform:none!important;box-shadow:var(--s3)!important}

/* ---- section chrome ---- */
.sec{padding:28px 0}
.eyebrow{font-family:'Space Mono';font-size:11.5px;color:var(--muted);letter-spacing:.11em;text-transform:uppercase;display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px}
.eyebrow::after{content:"";flex:1;height:1px;background:var(--edge-dim)}
.eyebrow .b{color:var(--bound)}
.eyebrow .g{color:var(--pool)}
h2.big{font-family:'Archivo Black';text-transform:uppercase;font-size:30px;letter-spacing:-.03em;line-height:1.04}
h2.big .b{color:var(--bound)}h2.big .g{color:var(--pool)}
.sub{font-size:14.5px;color:var(--muted);line-height:1.58;max-width:64ch;margin-top:8px}
.pill{display:inline-flex;align-items:center;gap:7px;font-family:'Space Mono';font-size:11.5px;border:2px solid var(--edge);border-radius:9999px;padding:6px 13px;background:var(--card);box-shadow:var(--s4);white-space:nowrap}
.pill .live{width:8px;height:8px;border-radius:50%;background:var(--bound);animation:pulseB 1.8s ease-out infinite}
.card{background:var(--card);border:2px solid var(--edge);border-radius:16px;padding:20px;box-shadow:var(--s6)}

/* ---- the pillar rule: vertical structural ornament, the fourth taste thread ---- */
.pillars{display:flex;gap:4px;align-items:flex-end;height:26px}
.pillars i{display:block;width:5px;background:var(--edge-dim);border-radius:1px}
.pillars i.on{background:var(--bound)}
.pillars i.hi{background:var(--pool)}

/* ============================ HERO / EMPTY STATE ========================= */
.hero{padding:38px 0 8px}
.h1{font-family:'Archivo Black';text-transform:uppercase;font-size:clamp(32px,5vw,55px);line-height:.95;letter-spacing:-.045em;margin:20px 0 0}
.h1 .b{color:var(--bound);-webkit-text-stroke:2px var(--edge)}
.h1 .g{color:var(--pool);-webkit-text-stroke:2px var(--edge)}
.oneliner{font-family:'Archivo Black';font-size:22px;letter-spacing:-.02em;line-height:1.2;margin:18px 0 0;max-width:42ch}
.lede{font-size:16px;color:var(--muted);line-height:1.6;max-width:58ch;margin:14px 0 0;border-left:3px solid var(--bound);padding-left:15px}
.hero-cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:26px 0 4px}

/* the ten tags, shown before anything is asked of the visitor */
.vocab{border:2px solid var(--edge);border-radius:16px;background:var(--card);box-shadow:var(--s6);overflow:hidden;margin-top:26px}
.vocab .vh{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:13px 18px;background:var(--card-2);border-bottom:2px solid var(--edge);font-family:'Space Mono';font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.vocab .vh b{color:var(--bone);letter-spacing:.06em}
.vocab .vg{display:grid;grid-template-columns:repeat(5,1fr);gap:0}
.vocab .vc{padding:14px 16px;border-right:1px solid var(--edge-dim);border-bottom:1px solid var(--edge-dim)}
.vocab .vc:nth-child(5n){border-right:0}
.vocab .vc:nth-child(n+6){border-bottom:0}
.vocab .vc .t{font-family:'Space Mono';font-size:12px;color:var(--bound);letter-spacing:.02em}
.vocab .vc .d{font-size:12.5px;color:var(--muted);line-height:1.45;margin-top:5px}

/* ============================ THE CONSOLE SHELL ========================= */
/* renamed from .console: it collided with the .pin.console rail modifier and
   silently gave that 8px dot display:grid and a 68px height. */
.shell{display:grid;grid-template-columns:minmax(0,1fr) 372px;gap:26px;align-items:start;padding:8px 0 60px}
.pane{min-width:0}
.aside{position:sticky;top:96px}

/* stepper: pillars as wayfinding */
.stepper{display:flex;align-items:stretch;gap:0;border:2px solid var(--edge);border-radius:12px;background:var(--card);box-shadow:var(--s4);overflow:hidden;margin-bottom:22px}
.stepper a{flex:1;display:flex;flex-direction:column;gap:5px;padding:11px 14px;border-right:2px solid var(--edge);position:relative}
.stepper a:last-child{border-right:0}
.stepper .n{font-family:'Space Mono';font-size:10.5px;letter-spacing:.12em;color:var(--faint)}
.stepper .l{font-family:'Space Grotesk';font-weight:700;font-size:13.5px;color:var(--muted);letter-spacing:-.01em}
.stepper a.done .n{color:var(--pool)}
.stepper a.done .l{color:var(--bone)}
.stepper a.on{background:var(--bound-soft)}
.stepper a.on::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--bound)}
.stepper a.on .n{color:var(--bound)}
.stepper a.on .l{color:var(--bone)}

/* form grammar */
.block{border:2px solid var(--edge);border-radius:16px;background:var(--card);box-shadow:var(--s6);margin-bottom:18px;overflow:hidden}
.block>.bh{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;background:var(--card-2);border-bottom:2px solid var(--edge)}
.block>.bh .q{font-family:'Archivo Black';font-size:15px;letter-spacing:-.02em;text-transform:uppercase}
.block>.bh .why{font-size:12.5px;color:var(--muted);max-width:40ch;text-align:right;line-height:1.4}
.block>.bb{padding:20px}
.row{display:grid;grid-template-columns:1fr;gap:7px;margin-bottom:20px}
.row:last-child{margin-bottom:0}
.row .lab{display:flex;align-items:center;gap:9px;flex-wrap:wrap;min-height:22px}
.row .lab .txt{font-weight:700;font-size:14px}
.hint,.row .hint{font-size:12.5px;color:var(--faint);line-height:1.45}
.two{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
input[type=text],input[type=number],textarea,select{
  font-family:'Space Mono';font-size:13.5px;width:100%;background:var(--canvas);color:var(--bone);
  border:2px solid var(--edge-mid);border-radius:9px;padding:11px 13px;outline:none;transition:all .12s}
input:focus,textarea:focus,select:focus{border-color:var(--bound);box-shadow:3px 3px 0 0 var(--bound-soft)}
input::placeholder,textarea::placeholder{color:rgba(246,236,212,.30)}
textarea{resize:vertical;min-height:72px;font-family:'Space Grotesk';font-size:14px;line-height:1.5}
.unit{display:flex;align-items:stretch;gap:0}
.unit input{border-radius:9px 0 0 9px;border-right:0}
.unit .u{font-family:'Space Mono';font-size:12.5px;display:flex;align-items:center;padding:0 13px;background:var(--card-2);border:2px solid var(--edge-mid);border-left:0;border-radius:0 9px 9px 0;color:var(--muted)}

/* the tag chip: every control names the refusal it arms */
.tag{font-family:'Space Mono';font-size:10px;letter-spacing:.07em;padding:3px 7px;border:1.5px solid var(--bound-deep);border-radius:5px;color:var(--bound);background:var(--bound-soft);white-space:nowrap}
.tag.g{border-color:var(--pool);color:var(--pool-ink);background:rgba(0,196,107,.10)}
.tag.n{border-color:var(--edge-dim);color:var(--faint);background:transparent}

/* chip list, targets and actions */
.chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.chip{display:inline-flex;align-items:center;gap:8px;font-family:'Space Mono';font-size:12px;border:2px solid var(--edge-mid);border-radius:8px;padding:7px 10px;background:var(--card-2)}
.chip .x{color:var(--faint);cursor:pointer;font-size:14px;line-height:1}
.chip .x:hover{color:var(--bound)}
.chip.add{border-style:dashed;cursor:pointer;color:var(--bound);border-color:var(--bound-deep)}
.chip.add:hover{background:var(--bound-soft)}
.chip.sel{cursor:pointer}
.chip.sel.on{border-color:var(--bound);background:var(--bound-soft);color:var(--bone)}

/* segmented control */
.seg{display:inline-flex;justify-self:start;align-self:flex-start;width:max-content;max-width:100%;flex-wrap:wrap;border:2px solid var(--edge);border-radius:9px;overflow:hidden;box-shadow:var(--s3)}
.seg button{font-family:'Space Grotesk';font-weight:700;font-size:13px;padding:9px 15px;background:var(--card-2);color:var(--muted);border:0;border-right:2px solid var(--edge);cursor:pointer}
.seg button:last-child{border-right:0}
.seg button.on{background:var(--bound);color:#241540}

/* ============================ DESTINATIONS ============================== */
.destnote{border:2px solid var(--edge);border-left:5px solid var(--bound);border-radius:12px;background:var(--card-2);padding:14px 18px;font-size:13.5px;line-height:1.55;color:var(--bone);box-shadow:var(--s4);margin-bottom:20px}
.destnote b{color:var(--bound)}
.dgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.dest{border:2px solid var(--edge);border-radius:14px;background:var(--card);box-shadow:var(--s4);padding:16px;cursor:pointer;transition:transform .1s,box-shadow .1s;display:flex;flex-direction:column;align-items:flex-start;gap:12px;text-align:left;font-family:inherit;color:inherit}
.dest:hover{transform:translate(-1px,-1px);box-shadow:var(--s6)}
.dest.on{border-color:var(--bound);box-shadow:var(--sb);background:linear-gradient(180deg,var(--bound-soft),transparent 60%),var(--card)}
.dest .dtop{display:flex;align-items:flex-start;gap:12px;width:100%}
.dest .dmid{flex:1;min-width:0}
.glyph{width:42px;height:42px;flex:0 0 auto;border:2px solid var(--edge);border-radius:10px;background:var(--card-2);box-shadow:var(--s3);display:flex;align-items:center;justify-content:center}
.glyph svg{width:22px;height:22px}
.dest .dn{display:block;font-family:'Archivo Black';font-size:15px;letter-spacing:-.02em;line-height:1.15}
.dest .dk{display:block;font-family:'Space Mono';font-size:11px;color:var(--faint);margin-top:5px;letter-spacing:.03em;line-height:1.35}
.dest .darms{margin-left:auto;text-align:right;flex:0 0 auto}
.dest .darms .num{font-family:'Archivo Black';font-size:19px;letter-spacing:-.03em;line-height:1}
.dest .darms .cap{font-family:'Space Mono';font-size:9.5px;color:var(--faint);letter-spacing:.06em;text-transform:uppercase;margin-top:3px}
.state{display:inline-flex;align-self:flex-start;align-items:center;gap:7px;font-family:'Space Mono';font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;border:2px solid;border-radius:6px;padding:4px 9px}
.state .sq{width:7px;height:7px;border-radius:2px}
.state.run{border-color:var(--pool);color:var(--pool-ink)}
.state.run .sq{background:var(--pool)}
.state.asis{border-color:var(--bound-deep);color:var(--bound)}
.state.asis .sq{background:var(--bound)}
.state.open{border-color:var(--edge-dim);color:var(--faint)}
.state.open .sq{background:var(--faint)}
.dest .dsay{font-size:12.5px;color:var(--muted);line-height:1.5;width:100%}
.dest .donchain{display:flex;flex-direction:column;gap:6px;width:100%;padding-top:11px;border-top:1px solid var(--edge-dim)}
.dest .donchain .mono{font-size:11px;color:var(--faint);line-height:1.45}
.dest .dfoot{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--edge-dim);padding-top:11px;margin-top:auto;width:100%}
.dest .more{font-family:'Space Mono';font-size:11px;color:var(--bound)}
.dest .more:hover{text-decoration:underline}
.legend{display:flex;flex-wrap:wrap;gap:18px;margin-top:18px;padding:15px 18px;border:2px solid var(--edge);border-radius:12px;background:var(--card-2);box-shadow:var(--s4)}
.legend .li{display:flex;flex-direction:column;gap:9px;align-items:flex-start;flex:1;min-width:230px}
.legend .li p{font-size:12px;color:var(--muted);line-height:1.45;margin-top:5px}

/* ============================ THE GRANT (aside) ========================= */
.grant{border:2px solid var(--edge);border-radius:16px;background:var(--card);box-shadow:var(--s9);overflow:hidden}
.grant .gh{padding:13px 17px;background:var(--bound);color:#241540;border-bottom:2px solid var(--edge);display:flex;align-items:center;justify-content:space-between;gap:10px}
.grant .gh .t{font-family:'Archivo Black';font-size:13px;letter-spacing:.02em;text-transform:uppercase}
.grant .gh .s{font-family:'Space Mono';font-size:10px;letter-spacing:.09em;text-transform:uppercase;opacity:.8}
.grant .gb{padding:16px 17px}
.gline{display:grid;grid-template-columns:96px 1fr;gap:10px;padding:9px 0;border-bottom:1px solid var(--edge-dim);align-items:baseline}
.gline:last-child{border-bottom:0}
.gline .k{font-family:'Space Mono';font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--faint)}
.gline .v{font-family:'Space Mono';font-size:12.5px;color:var(--bone);line-height:1.5;word-break:break-word}
.gline .v.empty{color:rgba(246,236,212,.26)}
.gline .v em{font-style:normal;color:var(--bound)}
.armbar{padding:13px 17px;border-top:2px solid var(--edge);background:var(--card-2)}
.armbar .top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}
.armbar .lbl{font-family:'Space Mono';font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}
.armbar .cnt{font-family:'Archivo Black';font-size:14px;letter-spacing:-.02em}
.armbar .cnt.short,.grant .armbar .cnt.short{color:var(--bound)}
.armbar .lbl .short-why{color:var(--faint);text-transform:none;letter-spacing:0}
.armgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}
.armgrid span{height:6px;border-radius:2px;background:var(--edge-dim)}
.armgrid span.on{background:var(--bound)}
.grant .gfoot{padding:13px 17px;border-top:2px solid var(--edge);font-size:12px;color:var(--muted);line-height:1.5}

/* ============================ THE RECORD =============================== */
.recwrap{border:2px solid var(--edge);border-radius:16px;background:var(--card);box-shadow:var(--s9);overflow:hidden}
.recwrap .rh{padding:15px 20px;background:var(--card-2);border-bottom:2px solid var(--edge);display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.recwrap .rh .t{font-family:'Archivo Black';font-size:15px;text-transform:uppercase;letter-spacing:-.02em}
.recwrap .rh .prov{font-family:'Space Mono';font-size:11px;color:var(--faint);line-height:1.5;max-width:46ch}
.tallies{display:flex;gap:12px;flex-wrap:wrap}
.tally{border:2px solid var(--edge);border-radius:10px;padding:9px 14px;background:var(--card);box-shadow:var(--s3);min-width:118px}
.tally .n{font-family:'Archivo Black';font-size:23px;letter-spacing:-.03em;line-height:1}
.tally .k{font-family:'Space Mono';font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin-top:5px}
.tally.settled .n{color:var(--pool-ink)}
.tally.held .n{color:var(--bound)}
/* the outcome tally. Nothing leaving the wallet unallowed is the result the
   whole surface exists for, so it is the one stat that gets weight. */
.tally.hero{border-color:var(--bound);box-shadow:var(--sb);background:linear-gradient(180deg,var(--bound-soft),transparent)}
.tally.hero .n{font-size:27px}
.tally.hero .k{color:var(--bound)}

.rrow{display:grid;grid-template-columns:34px 1fr 210px;gap:16px;padding:15px 20px;border-bottom:1px solid var(--edge-dim);align-items:start}
.rrow:last-child{border-bottom:0}
.rrow.hd{background:var(--card-2);font-family:'Space Mono';font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:9px 20px;border-bottom:2px solid var(--edge)}
.rrow .ix{font-family:'Space Mono';font-size:12px;color:var(--faint);padding-top:2px}
/* a settled call is PLAIN. Refactoring UI: de-emphasize the secondary so the
   primary reads without shouting. The primary here is the refusal. */
.rrow.settled .what{font-size:14px;color:var(--muted);line-height:1.5}
.rrow.settled .out{display:flex;align-items:center;gap:8px;font-family:'Space Mono';font-size:12px;color:var(--pool-ink)}
.rrow.settled .out .sq{width:8px;height:8px;border-radius:2px;background:var(--pool)}
/* a held call is the RICH row: it is the evidence, so it carries the detail */
.rrow.held{background:linear-gradient(90deg,var(--bound-soft),transparent 62%);border-left:4px solid var(--bound);padding-left:16px}
.rrow.held .what{font-size:14px;color:var(--bone);line-height:1.5}
.rrow.held .because{display:flex;align-items:flex-start;gap:9px;margin-top:9px;flex-wrap:wrap}
.rrow.held .because p{font-size:13px;color:var(--muted);line-height:1.5;flex:1;min-width:200px}
.rrow.held .out{display:flex;flex-direction:column;gap:7px;align-items:flex-start}
.stamp{display:inline-flex;align-items:center;gap:8px;font-family:'Space Mono';font-size:11px;letter-spacing:.1em;text-transform:uppercase;border:2px solid var(--bound);color:var(--bound);border-radius:6px;padding:5px 10px;background:var(--bound-soft);box-shadow:3px 3px 0 0 rgba(200,162,255,.18)}
.receipt{font-family:'Space Mono';font-size:11px;color:var(--faint);line-height:1.6}
.receipt b{color:var(--muted);font-weight:400}
.receipt a{color:var(--bound)}
.receipt a:hover{text-decoration:underline}
.recfoot{padding:15px 20px;border-top:2px solid var(--edge);background:var(--card-2);font-size:13px;color:var(--muted);line-height:1.6}
.recfoot b{color:var(--bone)}

/* ============================ MISC ===================================== */
.statusnote{font-family:'Space Mono';font-size:12px;color:var(--faint);line-height:1.6;border-left:3px solid var(--edge-dim);padding-left:14px;margin-top:16px;max-width:74ch}
.statusnote b{color:var(--muted);font-weight:400}
.foot{border-top:2px solid var(--edge-dim);padding:26px 0 44px;margin-top:22px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-family:'Space Mono';font-size:12px;color:var(--faint)}
.foot a{color:var(--muted)}.foot a:hover{color:var(--bone)}
.view{display:none}
.view.on{display:block}

/* ============================ RESPONSIVE =============================== */
@media(max-width:1040px){
  .shell{grid-template-columns:1fr}
  .aside{position:static;order:2}
  .vocab .vg{grid-template-columns:repeat(2,1fr)}
  .vocab .vc:nth-child(5n){border-right:1px solid var(--edge-dim)}
  .vocab .vc:nth-child(2n){border-right:0}
  .vocab .vc:nth-child(n+6){border-bottom:1px solid var(--edge-dim)}
  .vocab .vc:nth-last-child(-n+2){border-bottom:0}
}
@media(max-width:760px){
  .wrap{padding:0 18px}
  .rail-in{padding:8px 18px;gap:10px;font-size:10px}
  .rail .legi{display:none}
  nav{height:auto;padding:14px 0;flex-wrap:wrap}
  .nav-links{order:3;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .nav-links a{white-space:nowrap;font-size:13px;padding:8px 13px;text-align:center;justify-content:center}
  .dgrid{grid-template-columns:1fr}
  .two{grid-template-columns:1fr}
  .stepper{flex-wrap:wrap}
  .stepper a{flex:1 1 50%;border-bottom:2px solid var(--edge)}
  .stepper a:nth-child(2n){border-right:0}
  .stepper a:nth-child(n+3){border-bottom:0}
  .block>.bh{flex-direction:column;align-items:flex-start;gap:7px}
  .block>.bh .why{text-align:left;max-width:none}
  .rrow{grid-template-columns:26px 1fr;gap:10px}
  .rrow .out{grid-column:2}
  .rrow.hd span:last-child{display:none}
  .vocab .vg{grid-template-columns:1fr}
  .vocab .vc{border-right:0!important;border-bottom:1px solid var(--edge-dim)!important}
  .vocab .vc:last-child{border-bottom:0!important}
  h2.big{font-size:24px}
  .tallies{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}
  .tally{min-width:0}
  .recwrap .rh{flex-direction:column;align-items:stretch}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}