/* Areté — room-decide (2026-09-11). Governed by DESIGN-CONSTITUTION.md.
   DECIDE is the decision instrument: the decision itself is the anchor. The cube (§18 .ic-*) is
   small and on the GROUND — no plate, no frame; Today keeps its plate, Decide does not, so the two
   rooms are not twins. Cube left in 4fr, words right in 8fr, column-gap 40px, the pair centred
   in the viewport at the room width. The reading is one 13px line, never a number. No box around the form,
   no border around the words, no underline, no glow on a control, no uppercase. Every rule is
   prefixed #view-simulator; the file loads after arete-system.css so it wins on equal specificity. */

/* ── the room: the ground, not a frame ─────────────────────────────────── */
#view-simulator{ max-width:none; margin:0; border:0; border-radius:0; box-shadow:none; }
html[data-theme="light"] #view-simulator{ border:0; box-shadow:none; }
#view-simulator .dc{ display:grid; grid-template-columns:minmax(0,1fr); grid-template-areas:none; gap:24px; max-width:var(--room-max,1180px); margin:0 auto; }
#view-simulator .dc > *{ min-width:0; }
@media (min-width:1024px){
  /* the pair sits in the middle of the viewport, so the room does not float at 1440 and 1920 */
  #view-simulator:not(.hidden){ display:flex; flex-direction:column; justify-content:center; min-height:calc(100vh - var(--hdr-h,60px) - 48px); }
  #view-simulator .dc{ width:100%; grid-template-columns:minmax(0,4fr) minmax(0,8fr); grid-template-areas:none; column-gap:40px; row-gap:0; align-items:center; }
}

/* ── THE OBJECT: the cube, small, on the ground ─────────────────────────── */
/* the plate is Today's, not Decide's: no background, no border, no shadow, no radius here */
#view-simulator .dc-object{ display:grid; justify-items:center; align-content:center; padding:0; background:none; border:0; box-shadow:none; border-radius:0; }
#view-simulator .dc-cube{ --ics:76px; width:100%; max-width:280px; height:232px; position:relative; perspective:1000px; perspective-origin:50% 45%; }
/* the verdict as light: the lean is the tier (§18 values), --lit steps the top face and the cast */
#view-simulator .dc-cube[data-lean="1"]{ --lean:-8deg; }
#view-simulator .dc-cube[data-lean="2"]{ --lean:-14deg; }
#view-simulator .dc-cube .ic-hero .ic-face{ transition:opacity var(--dur-3,600ms) var(--ease-inst,cubic-bezier(.2,.8,.2,1)),box-shadow var(--dur-3,600ms) var(--ease-inst,cubic-bezier(.2,.8,.2,1));
  box-shadow:inset 0 0 22px rgba(180,230,255,.34),inset 0 1px 0 rgba(255,255,255,.55),0 30px 60px -30px rgba(0,191,255,calc(.18 + .42 * var(--lit,1))); }
#view-simulator .dc-cube .ic-hero .ic-f5{ opacity:calc(.5 + .5 * var(--lit,1)); }
#view-simulator .dc-cube .ic-hero .ic-f1, #view-simulator .dc-cube .ic-hero .ic-f4{ opacity:calc(.72 + .28 * var(--lit,1)); }
#view-simulator .dc-cube[data-empty] .ic-face{ opacity:.45; }
html[data-theme="light"] #view-simulator .dc-cube .ic-hero .ic-face{ box-shadow:inset 0 0 22px rgba(180,230,255,.34),inset 0 1px 0 rgba(255,255,255,.7),0 30px 60px -30px rgba(10,122,205,calc(.12 + .28 * var(--lit,1))); }
#view-simulator .dc-gate{ display:none; }

/* ── THE WORDS ──────────────────────────────────────────────────────────── */
#view-simulator .dc-words{ display:grid; gap:0; align-content:start; background:none; border:0; box-shadow:none; padding:0; text-align:left; }
#view-simulator .dc-words > *{ min-width:0; }
#view-simulator .dc-label{ font:400 14px/1.5 var(--f-body); color:rgb(var(--ink3)); letter-spacing:0; text-transform:none; }
#view-simulator .dc-state{ margin:2px 0 0; min-height:20px; font:400 13px/1.5 var(--f-body); color:rgb(var(--ink3)); display:flex; flex-wrap:wrap; gap:0 10px; align-items:baseline; }
#view-simulator .dc-state:empty{ min-height:0; }

/* 1 · the decision: the Intercept's line, no box, a wash on focus */
#view-simulator .dc-input{ width:100%; margin-top:16px; border:0; border-bottom:0; border-radius:12px; background:transparent; padding:6px 0; text-align:left;
  font:500 clamp(32px,3vw,46px)/1.06 var(--f-disp); letter-spacing:-.025em; color:rgb(var(--ink)); outline:none; box-shadow:none; }
#view-simulator .dc-input::placeholder{ color:rgb(var(--ink3)); opacity:.75; font-weight:400; }
#view-simulator .dc-input:focus{ outline:none; box-shadow:none; border-bottom:0; }
#view-simulator .dc-input:focus-visible{ outline:none; background:rgba(0,191,255,.07); padding-left:10px; padding-right:10px; margin-left:-10px; margin-right:-10px; width:calc(100% + 20px); }
/* the dictation chip js/14 appends after the line: a quiet word, not a chip */
#view-simulator .dc-words > .dict-chip{ justify-self:start; margin:4px 0 0 !important; padding:0 !important; border:0 !important; background:transparent !important; box-shadow:none !important;
  font:500 14px var(--f-body) !important; color:rgb(var(--ink2)) !important; min-height:44px; cursor:pointer; }
#view-simulator .dc-words > .dict-chip:hover{ color:rgb(var(--ink)) !important; }

/* 2 · two facts, one pill, tap a word (§18 .int-facts) */
#view-simulator .dc-facts{ display:inline-flex; justify-self:start; align-items:center; gap:10px; margin-top:18px; padding:0 16px; min-height:36px; border-radius:999px;
  font:400 13px/1.5 var(--f-body); color:rgb(var(--ink2)); letter-spacing:.02em;
  border:1px solid rgba(160,225,255,.16); background:rgba(0,191,255,.05); box-shadow:inset 0 1px 0 rgba(255,255,255,.08); }
#view-simulator .dc-fact{ display:inline-flex; }
#view-simulator .dc-dot{ color:rgb(var(--ink3)); }
#view-simulator .dc-pill{ display:none; flex:none; border:0 !important; background:transparent !important; box-shadow:none !important; padding:0 4px; min-height:44px; margin:-4px 0;
  font:inherit; color:inherit; letter-spacing:inherit; text-transform:none; cursor:pointer; border-radius:8px; transition:color var(--dur-1,180ms); }
#view-simulator .dc-pill.sel{ display:inline-flex; align-items:center; color:rgb(var(--ink2)); }
#view-simulator .dc-pill.sel:hover{ color:rgb(var(--ink)); }
#view-simulator .dc-pill:active{ opacity:.7; }
html[data-theme="light"] #view-simulator .dc-pill, html[data-theme="light"] #view-simulator .dc-pill.sel{ background:transparent !important; border:0 !important; }

/* 3 · the fold: a quiet summary, no marker, hairline sliders */
#view-simulator .dc-fold{ margin-top:30px; border:0; border-radius:0; background:transparent; padding:0; }
#view-simulator .dc-fold__sum{ list-style:none; cursor:pointer; display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:baseline; gap:0 14px; min-height:44px; padding:0;
  font:500 14px/1.5 var(--f-body); color:rgb(var(--ink2)); border-radius:8px; }
#view-simulator .dc-fold__sum::-webkit-details-marker{ display:none; }
#view-simulator .dc-fold__sum::before, #view-simulator .dc-fold[open] .dc-fold__sum::before{ content:none; }
#view-simulator .dc-fold__sum:hover{ color:rgb(var(--ink)); }
#view-simulator .dc-fold__sum:focus-visible{ outline:2px solid var(--ice2); outline-offset:3px; }
#view-simulator .dc-fold__meta{ font:400 13px/1.5 var(--f-body); color:rgb(var(--ink3)); letter-spacing:0; text-transform:none; }
#view-simulator .dc-fold__body{ padding:6px 0 0; display:grid; gap:18px; max-width:46ch; }
#view-simulator .dc-support{ margin:0; font:400 17px/1.6 var(--f-body); color:rgb(var(--ink2)); letter-spacing:0; text-transform:none; max-width:46ch; }
#view-simulator .dc-slider__row{ display:flex; justify-content:space-between; gap:12px; margin:0 0 2px; font:400 14px/1.5 var(--f-body); color:rgb(var(--ink2)); }
#view-simulator .dc-slider__row span:last-child{ color:rgb(var(--ink)); font-variant-numeric:tabular-nums; }
#view-simulator input[type=range]{ -webkit-appearance:none; appearance:none; display:block; width:100%; height:28px; margin:0; padding:0; border:0; border-radius:0; background:transparent;
  background-image:linear-gradient(var(--hair2),var(--hair2)); background-size:100% 1px; background-position:0 50%; background-repeat:no-repeat; cursor:pointer; }
#view-simulator input[type=range]::-webkit-slider-runnable-track{ height:1px; background:transparent; border:0; }
#view-simulator input[type=range]::-webkit-slider-thumb{ -webkit-appearance:none; appearance:none; width:14px; height:14px; margin-top:-6.5px; border-radius:50%; background:#dff4ff; border:1px solid rgba(160,225,255,.5); box-shadow:none; cursor:pointer; }
#view-simulator input[type=range]::-moz-range-track{ height:1px; background:var(--hair2); border:0; }
#view-simulator input[type=range]::-moz-range-thumb{ width:14px; height:14px; border-radius:50%; background:#dff4ff; border:1px solid rgba(160,225,255,.5); box-shadow:none; cursor:pointer; }
#view-simulator input[type=range]:focus{ outline:none; }
#view-simulator input[type=range]:focus-visible{ outline:2px solid var(--ice2); outline-offset:3px; }
html[data-theme="light"] #view-simulator input[type=range]{ background:transparent; background-image:linear-gradient(rgba(15,40,70,.22),rgba(15,40,70,.22)); background-size:100% 1px; background-position:0 50%; background-repeat:no-repeat; }
html[data-theme="light"] #view-simulator input[type=range]::-webkit-slider-thumb{ background:#0e4d78; border-color:rgba(10,122,205,.5); box-shadow:none; }

/* 4 · the actions: one pill, one quiet exit */
#view-simulator .dc-actions{ display:flex; align-items:center; flex-wrap:wrap; gap:6px 24px; margin-top:30px; }
#view-simulator .dc-actions .ui-btn{ flex:none; }
#view-simulator .dc-primary{ min-height:52px; min-width:200px; padding:0 26px; border-radius:999px; font:600 16px var(--f-body); letter-spacing:0; text-transform:none; }
#view-simulator .dc-quietlink{ display:inline-flex; align-items:center; min-height:44px; padding:0; border:0; background:transparent; box-shadow:none; border-radius:8px;
  font:500 14px var(--f-body); color:rgb(var(--ink2)); letter-spacing:0; text-transform:none; text-decoration:none; cursor:pointer; transition:color var(--dur-1,180ms); }
#view-simulator .dc-quietlink:hover{ color:rgb(var(--ink)); background:transparent; text-decoration:none; }
#view-simulator .dc-quietlink:active{ opacity:.7; }
#view-simulator .dc-quietlink:focus-visible, #view-simulator .dc-pill:focus-visible, #view-simulator .dc-primary:focus-visible{ outline:2px solid var(--ice2); outline-offset:3px; }
#view-simulator .dc-state .dc-quietlink{ min-height:20px; font-size:13px; }

/* 5 · the verdict: the room's sentence, one Cormorant turn; the ground under it, a sentence, not a chip */
#view-simulator .dc-verdictblock{ margin-top:30px; display:grid; gap:6px; }
#view-simulator .dc-verdict{ margin:0; font:500 clamp(28px,2.4vw,36px)/1.1 var(--f-disp); letter-spacing:-.022em; color:rgb(var(--ink)); text-wrap:balance; max-width:22ch; text-align:left; }
#view-simulator .dc-verdict em{ font:italic 400 1.14em var(--f-em); color:#CFF3FF; }
html[data-theme="light"] #view-simulator .dc-verdict em{ color:#0e4d78; }
#view-simulator .dc-verdict .cal-wait{ justify-content:flex-start; }
#view-simulator #sim-tier, #view-simulator #sim-tier.pill{ display:block; margin:0 !important; padding:0 !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; text-shadow:none;
  -webkit-backdrop-filter:none; backdrop-filter:none; font:400 13px/1.5 var(--f-body) !important; color:rgb(var(--ink3)) !important; letter-spacing:0 !important; text-transform:none !important; text-align:left; }
#view-simulator #sim-tier::before, #view-simulator #sim-tier.pill::before{ content:none; display:none; }
#view-simulator #sim-tier:empty{ display:none; }
#view-simulator .dc-note{ margin:18px 0 0; font:400 13px/1.5 var(--f-body); color:rgb(var(--ink3)); letter-spacing:0; text-transform:none; }
#view-simulator .dc-note:empty{ display:none; }
/* before a run (no [data-ran] on the view, set by js/21): no verdict, no tier sentence, no commit rows; only the note */
#view-simulator:not([data-ran]) #sim-verdict, #view-simulator:not([data-ran]) #sim-tier, #view-simulator:not([data-ran]) #coach-panel, #view-simulator:not([data-ran]) #sim-blindspots{ display:none !important; }
#view-simulator:not([data-ran]) .dc-verdictblock{ margin-top:18px; }
#view-simulator:not([data-ran]) .dc-note{ font-size:14px; }

/* 6 · the commit: quiet rows under a hairline, label left, words right, no box */
#view-simulator .dc-coach{ margin-top:30px; padding-top:6px; border-top:1px solid var(--hair); display:grid; gap:0; text-align:left; }
#view-simulator .dc-row{ display:grid; grid-template-columns:minmax(120px,160px) minmax(0,1fr); column-gap:24px; align-items:baseline; min-height:44px; padding:12px 0; border-bottom:1px solid var(--hair);
  border-left:0; border-right:0; border-top:0; border-radius:0; background:none !important; box-shadow:none; margin:0; }
#view-simulator .dc-row:empty, #view-simulator .dc-row.hidden{ display:none; }
#view-simulator .dc-row__l{ font:400 14px/1.5 var(--f-body); color:rgb(var(--ink3)); letter-spacing:0; text-transform:none; }
#view-simulator .dc-row__v{ font:400 17px/1.6 var(--f-body); color:rgb(var(--ink2)); letter-spacing:0; text-transform:none; max-width:46ch; }
#view-simulator .dc-row__v b{ font-weight:500; color:rgb(var(--ink)); }
#view-simulator .dc-row--conf{ grid-template-areas:"l v" "s s"; }
#view-simulator .dc-row--conf .dc-row__l{ grid-area:l; }
#view-simulator .dc-row--conf .dc-row__v{ grid-area:v; justify-self:end; color:rgb(var(--ink)); font-variant-numeric:tabular-nums; }
#view-simulator .dc-row--conf input[type=range]{ grid-area:s; margin-top:4px; }
#view-simulator .dc-coach > .dc-support{ margin-top:12px; font-size:13px; color:rgb(var(--ink3)); }
#view-simulator .dc-actions--log{ margin-top:6px; gap:6px 18px; }
#view-simulator .dc-msg{ font:400 13px/1.5 var(--f-body); color:rgb(var(--ink2)); letter-spacing:0; min-height:0; margin:0; }
#view-simulator .dc-stamp{ margin-top:6px; font-size:13px; color:rgb(var(--ink3)); letter-spacing:0; text-transform:none; line-height:1.5; }
/* what js/07 and js/03 still paint with colour, caps or boxes is read as words on the ground */
#view-simulator #coach-readiness, #view-simulator #coach-reco, #view-simulator #coach-recal-hint{ border-color:var(--hair) !important; background:none !important; }
#view-simulator #sim-blindspots{ border-top:1px solid var(--hair); margin-top:0; padding-top:12px; }
#view-simulator #sim-blindspots .border, #view-simulator #sim-blindspots .sr-card, #view-simulator #sim-blindspots [class*="rounded"]{ border:0 !important; background:none !important; padding:0 !important; margin:0 0 12px !important; box-shadow:none !important; }
#view-simulator #sim-blindspots .overline{ font:400 13px/1.5 var(--f-body) !important; letter-spacing:0 !important; text-transform:none !important; color:rgb(var(--ink3)) !important; }
#view-simulator #sim-blindspots .rounded-full{ display:none !important; }
#view-simulator #sim-blindspots p{ letter-spacing:0; color:rgb(var(--ink2)); max-width:46ch; }
#view-simulator #sim-blindspots .font-semibold{ font-weight:500; color:rgb(var(--ink)); }
/* the state read js/03 paints (.sr-card and its kin): no left bar, no box, words on the ground */
#view-simulator #sim-blindspots, #view-simulator #sim-blindspots *{ border-left:0 !important; box-shadow:none !important; }
#view-simulator #sim-blindspots div{ border:0 !important; background:none !important; border-radius:0 !important; }
#view-simulator #sim-blindspots .sr-card::before, #view-simulator #sim-blindspots .sr-card::after, #view-simulator #sim-blindspots .sr-dot, #view-simulator #sim-blindspots svg{ display:none !important; }
#view-simulator #sim-blindspots .sr-card, #view-simulator #sim-blindspots > div > .border{ padding:12px 0 !important; margin:0 !important; border-bottom:1px solid var(--hair) !important; }
#view-simulator #sim-blindspots .font-semibold, #view-simulator #sim-blindspots .text-[15px]{ font:500 15px/1.5 var(--f-body) !important; color:rgb(var(--ink)) !important; letter-spacing:0 !important; }
#view-simulator #sim-blindspots p:not(.overline):not(.font-semibold){ font:400 15px/1.5 var(--f-body) !important; color:rgb(var(--ink2)) !important; letter-spacing:0 !important; }
#view-simulator #sim-blindspots .overline{ font:400 13px/1.5 var(--f-body) !important; }

/* ── phone: the cube first, then the sentence, then the pill full width ─── */
@media (max-width:1023px){
  #view-simulator{ padding:18px 16px !important; }
  #view-simulator .dc{ gap:18px; }
  #view-simulator .dc-cube{ --ics:60px; height:164px; max-width:220px; margin:0 auto; }
  #view-simulator .dc-input{ font-size:28px; margin-top:12px; }
  #view-simulator .dc-facts{ margin-top:12px; max-width:100%; flex-wrap:wrap; padding:6px 14px; }
  #view-simulator .dc-actions{ margin-top:24px; gap:2px 0; }
  #view-simulator .dc-primary{ width:100%; }
  #view-simulator .dc-actions .dc-quietlink{ width:100%; justify-content:center; }
  #view-simulator .dc-verdict{ font-size:23px; }
  #view-simulator .dc-row{ grid-template-columns:minmax(0,1fr); row-gap:2px; }
  #view-simulator .dc-row--conf{ grid-template-columns:minmax(0,1fr) auto; grid-template-areas:"l v" "s s"; }
}
@media (prefers-reduced-motion:reduce){ #view-simulator .dc-cube .ic-hero .ic-face{ transition:none; } }

/* the decision is one line of Syne and it must never be cut: it shrinks with the column,
   and if a long placeholder still runs past the edge it ends in an ellipsis, not mid-letter */
#view-simulator .dc-input, #view-simulator #sim-dec{ width:100%; min-width:0; font-size:clamp(26px,2.6vw,42px); text-overflow:ellipsis; }

/* proportion: the object holds the left of the room without becoming Today's hero.
   Today is a plate with a 112px cube and a 64px number; Decide is a bare 96px cube and a line of words. */
@media (min-width:1024px){
  #view-simulator .dc{ grid-template-columns:minmax(0,5fr) minmax(0,7fr); }
  #view-simulator #dc-cube, #view-simulator .dc-object{ --ics:96px; }
}

/* AFFORDANCE (craft pass 2026-09-12): the decision line is an input, not a heading.
   At 42px with no border and no fill it read as a title, so a first-time user had
   nothing telling them to type. One hairline under the words, the room's own line
   weight, lit on focus. No new colour, no box, no logic. */
#view-simulator #sim-dec{
  border-bottom:1px solid rgba(127,211,255,.16);
  padding-bottom:10px;
  transition:border-color .22s ease;
}
#view-simulator #sim-dec::placeholder{ color:rgba(127,211,255,.34); }
#view-simulator #sim-dec:hover{ border-bottom-color:rgba(127,211,255,.28); }
#view-simulator #sim-dec:focus{ border-bottom-color:rgba(127,211,255,.62); outline:none; }
@media (prefers-reduced-motion:reduce){ #view-simulator #sim-dec{ transition:none; } }

/* ═══ DECIDE ON THE INTERCEPT SURFACE (founder 2026-09-16: "not sure about the
   colours in Decide; more premium"). The room takes the Intercept ground, and
   the object stands on the Intercept's glass exactly as Today's panel does,
   values copied from .int-card. Nothing else in the room changes. ═══ */
body:has(#view-simulator:not(.hidden)) #content-wrap{
  background:radial-gradient(70% 55% at 50% 0%,rgba(14,58,107,.92) 0%,rgba(0,31,63,.94) 40%,rgba(3,16,31,.96) 100%); }
html[data-theme="light"] body:has(#view-simulator:not(.hidden)) #content-wrap{
  background:radial-gradient(70% 55% at 50% 0%,rgba(226,236,246,.94),rgba(243,246,250,.96) 60%); }
#view-simulator .dc-object{ position:relative; isolation:isolate; align-self:start; box-sizing:border-box;
  padding:clamp(28px,4vw,48px) clamp(20px,2.4vw,32px); border-radius:24px;
  background:linear-gradient(150deg,rgba(0,191,255,.08),rgba(10,122,205,.06) 55%,rgba(255,255,255,.012));
  border:1px solid rgba(160,225,255,.16);
  -webkit-backdrop-filter:blur(20px); backdrop-filter:blur(20px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 30px 70px -40px rgba(18,64,184,.95); }
#view-simulator .dc-object::before{ content:""; position:absolute; inset:-1px; border-radius:inherit; z-index:-1; pointer-events:none;
  background:radial-gradient(60% 50% at 20% 0%,rgba(47,123,255,.22),transparent 70%),radial-gradient(50% 50% at 90% 100%,rgba(122,92,255,.18),transparent 70%); }
html[data-theme="light"] #view-simulator .dc-object{
  background:linear-gradient(150deg,rgba(255,255,255,.72),rgba(255,255,255,.55)); border-color:rgba(15,40,70,.14);
  box-shadow:inset 0 1px 0 #fff,0 30px 70px -40px rgba(18,64,184,.35); }
html[data-theme="light"] #view-simulator .dc-object::before{
  background:radial-gradient(60% 50% at 20% 0%,rgba(47,123,255,.14),transparent 70%),radial-gradient(50% 50% at 90% 100%,rgba(122,92,255,.10),transparent 70%); }
#view-simulator .dc-verdict em{ color:var(--ice-hi); }

/* ═══ DECIDE, LOCKED 2026-09-17 ("perfect, lock it in"): the website's act 04 in the room, with
   no lines. The cube stands on the field, dimmed a tenth, turning once a minute; its centre and
   the question share one height, that IS the axis, nothing drawn. The question first, the two
   facts as plain words, one action, the reading in two small lines, the what-if a quiet fold.
   After the check the cube answers: lean 0 brightens, lean 1/2 dims and cools.
   Mock: mock-decide-anchor.html key 7. Backup .PRELOCK-20260917. ═══ */
#view-simulator .dc-object{ background:none !important; border:0 !important; box-shadow:none !important; -webkit-backdrop-filter:none !important; backdrop-filter:none !important; padding:0 !important; isolation:auto; }
#view-simulator .dc-object::before, #view-simulator .dc-object::after{ display:none !important; }
#view-simulator #dc-cube{ filter:brightness(.9); transition:filter 1.2s var(--ease-inst, ease); }
#view-simulator[data-ran] #dc-cube:not([data-lean]):not([data-empty]){ filter:brightness(1.06); }
#view-simulator[data-ran] #dc-cube[data-lean]{ filter:brightness(.62) saturate(.8); }
#view-simulator #dc-rig{ animation:dc-crawl 60s linear infinite; }
@keyframes dc-crawl{ from{ transform:rotateY(0deg); } to{ transform:rotateY(360deg); } }
@media (prefers-reduced-motion:reduce){ #view-simulator #dc-rig{ animation:none; } }
@media (min-width:1024px){ #view-simulator .dc{ column-gap:72px !important; } #view-simulator .dc-words{ align-self:center !important; } }
/* the words: the question first, nothing drawn */
#view-simulator .dc-words{ display:flex !important; flex-direction:column; align-items:flex-start; }
#view-simulator .dc-words > *{ order:8; }   /* everything the check paints comes after the five groups above */
#view-simulator .dc-input{ order:1; margin-top:0 !important; border:0 !important; border-bottom:0 !important; box-shadow:none !important; font-weight:300 !important; font-size:clamp(30px,2.8vw,40px) !important; color:rgb(var(--ink2)); }
#view-simulator .dc-input:focus{ outline:none; color:rgb(var(--ink)); }
#view-simulator .dc-facts{ order:2; margin-top:14px !important; border:0 !important; background:transparent !important; box-shadow:none !important; padding:0 !important; min-height:0 !important; font-size:14px; color:rgb(var(--ink3)); }
#view-simulator .dc-actions:not(.dc-actions--log){ order:3; margin-top:32px !important; }
#view-simulator .dc-actions:not(.dc-actions--log) > *:not(#sim-run){ display:none !important; }   /* the Intercept is the same act */
#view-simulator .dc-label{ order:4; margin-top:40px !important; font-size:12.5px !important; }
#view-simulator .dc-state{ order:4; font-size:14px !important; color:rgb(var(--ink3)) !important; gap:0 6px !important; }
#view-simulator .dc-fold{ order:5; margin-top:22px !important; }
#view-simulator .dc-fold__sum{ font-size:14px !important; color:rgb(var(--ink3)) !important; }
#view-simulator .dc-verdictblock, #view-simulator #sim-note, #view-simulator .dc-msg{ order:6; }
#view-simulator .dc-actions--log, #view-simulator .dc-stamp, #view-simulator #sim-blindspots{ order:7; }
#view-simulator:not([data-ran]) #sim-note, #view-simulator:not([data-ran]) .dc-msg, #view-simulator:not([data-ran]) .dc-verdictblock{ display:none !important; }

/* ═══ THE VERDICT STATE (2026-09-20, her brief: "make it premium and deliberately
   art-directed"; approved on mock-decide-verdict.html). After the check the room stops
   being a form and becomes one composition: four stations down (context · state ·
   information · action) and three x-anchors across (the main axis, the centre, the right
   information column). No lines, no boxes, nothing new on screen. Only [data-ran] is
   touched, so the question state stays exactly as it was locked on 09-17. ═══ */
#view-simulator[data-ran] .dc-words{ --v-state:64px; --v-grid:76px; --v-foot:80px; }

/* 1 · context: the decision, quiet, with its two facts under it */
#view-simulator[data-ran] .dc-input{ order:1 !important; font:500 16px/1.4 var(--f-body) !important;
  color:rgb(var(--ink)) !important; letter-spacing:-.005em !important; max-width:56ch; }
#view-simulator[data-ran] .dc-facts{ order:2; margin-top:5px !important; font-size:13px !important; }

/* 2 · the state: the verdict and its turn, one unit, after a deliberate pause */
#view-simulator[data-ran] .dc-verdictblock{ order:3; margin-top:var(--v-state) !important; gap:2px; }
#view-simulator[data-ran] .dc-verdict{ font-size:clamp(34px,3.4vw,52px); line-height:1; max-width:none; }
#view-simulator[data-ran] #sim-tier{ margin-top:10px !important; }

/* 3 · the information: readiness · confidence · recommendation, headings on one baseline */
#view-simulator[data-ran] .dc-coach{ order:4; margin-top:var(--v-grid) !important; padding-top:0 !important;
  border-top:0 !important; width:100%; }
#view-simulator[data-ran] .dc-coach .dc-row{ display:block; padding:0 !important; border:0 !important; min-height:0; }
#view-simulator[data-ran] .dc-row__l{ display:block; margin:0 0 14px; min-height:19px; font:400 12.5px/1.5 var(--f-body); }
#view-simulator[data-ran] .dc-row__v{ display:block; font:300 15px/1.55 var(--f-body); color:rgb(var(--ink2)); max-width:28ch; }
#view-simulator[data-ran] .dc-row__v b{ display:block; margin-bottom:10px; font:500 19px/1.35 var(--f-body);
  color:rgb(var(--ink)); letter-spacing:-.008em; }
#view-simulator[data-ran] #coach-recal-hint .dc-row__l{ display:none; }
#view-simulator[data-ran] #coach-recal-hint .dc-row__v{ font-size:13px; color:var(--ice-lo); max-width:32ch; }
#view-simulator[data-ran] .dc-coach > .dc-support{ display:none; }   /* it lives under the stamp now */
#view-simulator[data-ran] .dc-actions--log{ order:4; margin:18px 0 0 !important; }
#view-simulator[data-ran] .dc-stamp{ order:5; }
#view-simulator[data-ran] #sim-blindspots{ order:6; border-top:0; }

/* 4 · the footer: the quiet exits on the main axis */
#view-simulator[data-ran] #sim-note{ order:7; margin-top:var(--v-foot) !important; }

@media (min-width:1024px){
  #view-simulator[data-ran] .dc-coach{ display:grid;
    grid-template-columns:minmax(0,15rem) minmax(0,17rem) minmax(0,19rem);
    grid-template-areas:"ready conf reco" "ready conf warn" "ready conf act";
    grid-template-rows:auto auto auto; column-gap:72px; row-gap:0; align-items:start; align-content:start; }
  #view-simulator[data-ran] #coach-readiness{ grid-area:ready; }
  #view-simulator[data-ran] .dc-row--conf{ grid-area:conf; }
  #view-simulator[data-ran] #coach-reco{ grid-area:reco; }
  #view-simulator[data-ran] #coach-recal-hint{ grid-area:warn; margin-top:34px !important; }
  #view-simulator[data-ran] .dc-actions--log{ grid-area:act; }
  #view-simulator[data-ran] #coach-recal-hint.hidden + .dc-row--conf ~ .dc-actions--log{ margin-top:34px !important; }
  /* the object keeps to its own column: the satellites drift less, the field falls away */
  #view-simulator[data-ran] .dc-object{ overflow:hidden;
    -webkit-mask-image:radial-gradient(70% 62% at 50% 50%,#000 60%,transparent 100%);
    mask-image:radial-gradient(70% 62% at 50% 50%,#000 60%,transparent 100%); }
}

/* THE GAUGE: her Pinterest reference in the room's material. A glass column, the reading
   riding it in a bubble, one band word beside it. js/21 builds it around #coach-conf; the
   input itself never changes, so js/07 reads the same value it always did. */
#view-simulator[data-ran] .dc-row--conf{ display:block; }
#view-simulator[data-ran] .dc-row--conf .dc-row__l{ grid-area:auto; }
#view-simulator[data-ran] .dc-row--conf #coach-conf-v{ display:none; }
#view-simulator .dc-gauge{ position:relative; display:flex; align-items:stretch; gap:20px; height:176px; padding-left:56px; }
#view-simulator .dc-gauge__col{ position:relative; width:46px; flex:none; border-radius:23px; overflow:hidden;
  background:rgba(0,191,255,.05); border:1px solid rgba(160,225,255,.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 -20px 40px -30px rgba(0,191,255,.5); }
#view-simulator .dc-gauge__fill{ position:absolute; left:0; right:0; bottom:0; height:var(--h,50%);
  background:linear-gradient(180deg,var(--ice-hi),rgba(0,191,255,.55) 55%,rgba(11,90,160,.35));
  box-shadow:0 -10px 30px -6px rgba(0,191,255,.55); transition:height .28s var(--ease-inst,ease); }
#view-simulator .dc-gauge__cap{ position:absolute; left:0; right:0; bottom:var(--h,50%); height:1px; background:var(--ice-hi);
  box-shadow:0 0 14px rgba(0,191,255,.9); transition:bottom .28s var(--ease-inst,ease); }
#view-simulator[data-ran] .dc-row--conf input[type=range]{ position:absolute; inset:0; z-index:4; width:100%; height:100%;
  margin:0; opacity:0; cursor:ns-resize; -webkit-appearance:slider-vertical; appearance:slider-vertical;
  writing-mode:vertical-lr; direction:rtl; background:none; }
#view-simulator .dc-gauge__band{ position:relative; flex:none; width:104px; }
#view-simulator .dc-gauge__band b{ position:absolute; left:0; transform:translateY(-50%); font:400 15px/1.3 var(--f-body);
  color:var(--ice-hi); white-space:nowrap; transition:top .28s var(--ease-inst,ease); }
#view-simulator .dc-gauge__read{ position:absolute; left:0; width:48px; height:48px; border-radius:50%; display:grid;
  place-items:center; transform:translateY(-50%); transition:top .28s var(--ease-inst,ease);
  background:linear-gradient(150deg,rgba(0,191,255,.16),rgba(10,122,205,.10)); border:1px solid rgba(160,225,255,.28);
  -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 18px 40px -22px rgba(0,191,255,.8); }
#view-simulator .dc-gauge__read span{ font:400 19px/1 var(--f-disp); color:rgb(var(--ink)); font-variant-numeric:tabular-nums; letter-spacing:-.02em; }
#view-simulator .dc-gauge__read::after{ content:""; position:absolute; right:-5px; top:50%; width:10px; height:10px;
  transform:translateY(-50%) rotate(45deg); background:rgba(0,191,255,.13);
  border-right:1px solid rgba(160,225,255,.28); border-top:1px solid rgba(160,225,255,.28); }
#view-simulator .dc-row--conf input[type=range]:focus-visible ~ .dc-gauge__read{ outline:2px solid var(--ice2); outline-offset:3px; }
html[data-theme="light"] #view-simulator .dc-gauge__band b{ color:#0e4d78; }
html[data-theme="light"] #view-simulator .dc-gauge__read span{ color:rgb(var(--ink)); }
@media (prefers-reduced-motion:reduce){
  #view-simulator .dc-gauge__fill, #view-simulator .dc-gauge__cap,
  #view-simulator .dc-gauge__read, #view-simulator .dc-gauge__band b{ transition:none; }
}
@media (max-width:1023px){
  #view-simulator[data-ran] .dc-words{ --v-state:44px; --v-grid:48px; --v-foot:56px; }
  #view-simulator[data-ran] .dc-coach{ display:grid; grid-template-columns:minmax(0,1fr); row-gap:40px; }
  #view-simulator[data-ran] .dc-actions--log .ui-btn, #view-simulator[data-ran] .dc-actions--log .dc-quietlink{ width:100%; }
}

/* the verdict state, second pass against the approved mock (2026-09-20) */
#view-simulator[data-ran] .dc-verdict em{ display:block; margin-top:2px; font-size:.56em; line-height:1.2; }
#view-simulator[data-ran] .dc-label{ order:2; margin-top:16px !important; }
#view-simulator[data-ran] .dc-state{ order:2; margin-top:2px !important; }
#view-simulator[data-ran] .dc-actions:not(.dc-actions--log){ order:7; margin-top:var(--v-foot) !important; }
#view-simulator[data-ran] .dc-primary{ min-height:44px; min-width:0; padding:0 20px; font-size:14px;
  background:none; border:1px solid rgba(160,225,255,.26); box-shadow:none; color:rgb(var(--ink2)); }
#view-simulator[data-ran] .dc-primary:hover{ transform:none; color:rgb(var(--ink)); background:rgba(140,220,255,.08); }
#view-simulator[data-ran] .dc-fold{ order:8; }
#view-simulator[data-ran] .dc-actions--log .ui-btn, #view-simulator[data-ran] #coach-log{
  min-height:52px; min-width:200px; padding:0 26px; border-radius:var(--r-pill);
  border:1px solid rgba(190,235,255,.45); color:rgb(var(--ink)); font:600 16px/1 var(--f-body);
  background:linear-gradient(115deg,#0b7acd,#00BFFF 55%,#0b5aa0);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 14px 36px -12px rgba(0,191,255,.7);
  transition:transform .3s var(--ease-inst,ease),box-shadow .3s,border-color .3s; }
#view-simulator[data-ran] #coach-log:hover{ transform:translateY(-2px); color:rgb(var(--ink));
  border-color:rgba(220,244,255,.7); box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 18px 44px -12px rgba(0,191,255,.95); }
@media (min-width:1024px){
  /* the room widens once the verdict is on screen: three information columns need the field */
  #view-simulator[data-ran] .dc{ max-width:1320px; grid-template-columns:minmax(0,3.4fr) minmax(0,8.6fr);
    column-gap:96px !important; }
}
#view-simulator[data-ran] .dc-coach > *, #view-simulator[data-ran] .dc-coach > * > *{ border:0 !important; }
/* arete-system.css §2374 gives these two rows a hairline with two ids; the verdict state has
   no lines (her 09-17 ruling), so it is answered at the same weight */
#view-simulator[data-ran] #coach-readiness, #view-simulator[data-ran] #coach-reco,
#view-simulator[data-ran] #coach-recal-hint, #view-simulator[data-ran] #coach-panel .dc-row{
  border:0 !important; padding:0 !important; }

/* SWEEP 2026-09-25: the reading is one sentence, not flex items. As a flex row the gap
   split "47" from its comma ("47 , compromised"). Inline text, the link after a space. */
#view-simulator .dc-state{ display:block !important; }
#view-simulator .dc-state .dc-quietlink{ margin-left:8px; }