/* ═══════════ witness.css · THE WITNESS READ (2026-09-25) ═══════════════════
   Rides on the moment card (css/moments.css .am). Rewritten the same day
   against DESIGN-CONSTITUTION.md after her correction:
     §9  the input has no box: a Syne line, a wash on focus (.int-input)
     §6  evidence is hairline rows, 44px, label left, value right
     §5  nothing glows but the pill
     §8  no legend, no chart: conclusions in the sentence, evidence in rows
   No new colour, no new type ramp. */

.is-sheet.am.wt{ width:min(640px, calc(100vw - 32px)) !important; }

/* THE OBJECT: the operator's cube (arete-system.css §3, Decide's scale) and one
   fragment per witness. Far and faint until that person answers; then it comes in
   and docks, 1.2s, the lean's own ease. Only the held cube casts light (§5). */
.wt-object{ display:grid; justify-items:center; margin:4px auto 0; }
.wt-cube{ --ics:84px; width:300px; height:236px; position:relative; perspective:1000px; perspective-origin:50% 45%; }
.wt-frag{ opacity:.3; transition:transform 1.2s cubic-bezier(.2,.8,.2,1), opacity 1.2s cubic-bezier(.2,.8,.2,1); }
.wt-frag.is-in{ opacity:.9; }
.wt-cube + *{ margin-top:0; }
@media (prefers-reduced-motion:reduce){ .wt-frag{ transition:none; } }

/* the name: the Intercept's own input, smaller */
.wt-field{ display:block; width:100%; max-width:420px; margin:30px auto 0; }
.wt-input{ width:100%; border:0; background:transparent; text-align:center; padding:6px 10px; margin:0; outline:none;
  font:500 28px/1.1 var(--f-disp); letter-spacing:-.022em; color:rgb(var(--ink)); }
.wt-input::placeholder{ color:rgb(var(--ink3)); opacity:.75; font-weight:400; }
.wt-input:focus{ outline:none; box-shadow:none; }
.wt-input:focus-visible{ outline:none; background:rgba(0,191,255,.07); border-radius:12px; }

/* the evidence: hairline rows */
.wt-rows{ width:100%; max-width:520px; margin:30px auto 0; text-align:left; border-bottom:1px solid var(--hair); }
.wt-row{ display:flex; align-items:baseline; justify-content:space-between; gap:20px; min-height:44px; padding:11px 0;
  border-top:1px solid var(--hair); }
.wt-row__n{ flex:none; font:400 14px/1.4 var(--f-body); color:rgb(var(--ink3)); }
.wt-row__v{ display:flex; flex-direction:column; align-items:flex-end; gap:2px; text-align:right;
  font:400 14px/1.4 var(--f-body); color:rgb(var(--ink)); min-width:0; }
.wt-row__v--quiet{ color:rgb(var(--ink3)); }
.wt-row__you{ color:rgb(var(--ink3)); }
.wt-url{ word-break:break-all; color:rgb(var(--ink2)); }
.wt-msg:empty{ display:none; }

/* the You room's row: the same row as the seven domains, and a button */
#view-signature .yo-witness{ width:100%; margin:clamp(20px,3dvh,30px) 0 0; background:none; border:0; border-top:1px solid var(--hair);
  border-bottom:1px solid var(--hair); cursor:pointer; text-align:left; font:inherit; color:inherit; }
#view-signature .yo-witness:hover .yo-dom__n{ color:rgb(var(--ink)); }
#view-signature .yo-witness:focus-visible{ outline:2px solid var(--ice2,#7FD3FF); outline-offset:3px; }

@media (max-width:520px){
  .wt-cube{ --ics:64px; width:240px; height:180px; }
  .wt-input{ font-size:24px; }
  .wt-row{ flex-direction:column; gap:4px; }
  .wt-row__v{ align-items:flex-start; text-align:left; }
}