/* Intonation: election claim checks for Sordino. Built on styles/system.css tokens. */
.in-page { --in-ok: #5ccb97; --in-ok-wash: rgba(92, 203, 151, .12); --in-warn: #e6ab52; --in-warn-wash: rgba(230, 171, 82, .12); --in-soft: #9aa6ff; --in-soft-wash: rgba(154, 166, 255, .1); }
.in-page .sy-page-hero h1 span { color: var(--sy-white); }

/* Scenario tabs */
.in-tabs { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 1px; background: var(--sy-line); border: 1px solid var(--sy-line); margin-bottom: 18px; }
.in-tab { appearance: none; border: 0; background: var(--sy-black); color: var(--sy-gray); text-align: left; padding: 14px 16px 15px; cursor: pointer; font: inherit; min-width: 0; transition: background .15s, color .15s; }
.in-tab small { display: block; font: 500 10px var(--sy-mono); letter-spacing: .12em; text-transform: uppercase; color: var(--sy-gray-dim); margin-bottom: 6px; }
.in-tab b { display: block; font-family: var(--sy-display); font-weight: 500; font-size: 15px; letter-spacing: -.01em; color: inherit; line-height: 1.3; }
.in-tab:hover { background: var(--sy-panel); color: var(--sy-white); }
.in-tab[aria-selected="true"] { background: var(--sy-panel); color: var(--sy-white); box-shadow: inset 0 2px 0 var(--sy-blue); }
.in-tab:focus-visible { outline: 2px solid var(--sy-blue-text); outline-offset: -2px; }

/* Workbench */
.in-bench { display: grid; grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr); gap: 1px; background: var(--sy-line); border: 1px solid var(--sy-line); }
.in-col { background: var(--sy-black); padding: clamp(18px, 2vw, 26px); min-width: 0; display: flex; flex-direction: column; gap: 22px; }
.in-label { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin: 0 0 10px; font: 500 11px var(--sy-mono); letter-spacing: .12em; text-transform: uppercase; color: var(--sy-gray); }
.in-label span { letter-spacing: .04em; text-transform: none; color: var(--sy-gray-dim); font-size: 11.5px; }
.in-summary { margin: -6px 0 0; color: #b9bcc3; font-size: 14.5px; line-height: 1.55; }
.in-clock { display: flex; flex-wrap: wrap; gap: 6px 14px; align-items: center; padding: 10px 12px; border: 1px solid var(--sy-line); background: var(--sy-panel); font: 12px/1.4 var(--sy-mono); color: var(--sy-gray); }
.in-clock b { color: var(--sy-white); font-weight: 500; }
.in-clock .in-dot { width: 7px; height: 7px; background: var(--in-warn); display: inline-block; margin-right: 6px; vertical-align: 1px; }
.in-draft { width: 100%; min-height: 132px; resize: vertical; box-sizing: border-box; padding: 14px 15px; border: 1px solid var(--sy-line-strong); background: #0d0d10; color: var(--sy-white); font: 15px/1.65 var(--sy-body); }
.in-draft.is-request { min-height: 92px; font-size: 14px; color: #c8cad0; background: repeating-linear-gradient(135deg, #0d0d10 0 10px, #0f0f13 10px 20px); }
.in-draft:focus { outline: none; border-color: var(--sy-blue); box-shadow: 0 0 0 3px var(--sy-blue-wash); }
.in-actions { display: flex; flex-wrap: wrap; gap: 6px; }
.in-chip { appearance: none; border: 1px solid var(--sy-line-strong); background: transparent; color: var(--sy-gray); padding: 7px 10px; font: 500 12px var(--sy-mono); letter-spacing: .02em; cursor: pointer; }
.in-chip:hover { color: var(--sy-white); border-color: var(--sy-gray-dim); }
.in-chip[aria-pressed="true"] { color: #fff; background: var(--sy-blue-wash); border-color: var(--sy-blue); }
.in-reach { display: flex; align-items: center; gap: 10px; margin-top: 10px; font: 12px var(--sy-mono); color: var(--sy-gray); }
.in-reach input { width: 120px; padding: 7px 9px; background: #0d0d10; border: 1px solid var(--sy-line-strong); color: var(--sy-white); font: 13px var(--sy-mono); }

/* Evidence */
.in-sources { display: grid; gap: 8px; }
.in-source { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 4px 12px; padding: 12px 13px; border: 1px solid var(--sy-line); background: var(--sy-panel); transition: border-color .15s, background .15s; }
.in-source.is-support { border-color: var(--sy-blue); background: linear-gradient(90deg, var(--sy-blue-wash), transparent 70%), var(--sy-panel); }
.in-source.is-echo { border-color: rgba(239, 69, 71, .55); }
.in-kind { grid-row: span 3; align-self: start; width: 30px; height: 30px; display: grid; place-items: center; font: 600 10px var(--sy-mono); border: 1px solid var(--sy-line-strong); color: var(--sy-gray); }
.in-kind.is-official { background: var(--sy-blue); border-color: var(--sy-blue); color: #fff; }
.in-source b { font-size: 14px; font-weight: 600; color: var(--sy-white); line-height: 1.35; }
.in-source p { margin: 0; font-size: 13px; line-height: 1.45; color: #b9bcc3; }
.in-source small { font: 11px/1.4 var(--sy-mono); color: var(--sy-gray-dim); }

/* Decision */
.in-decision { position: relative; padding: 20px 20px 18px; border: 1px solid var(--sy-line-strong); background: var(--sy-panel); overflow: hidden; }
.in-decision::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 3px; background: var(--tone, var(--sy-gray)); }
.in-decision[data-decision="allow"] { --tone: var(--in-ok); background: linear-gradient(100deg, var(--in-ok-wash), transparent 55%), var(--sy-panel); }
.in-decision[data-decision="limit"] { --tone: var(--sy-blue-text); background: linear-gradient(100deg, var(--sy-blue-wash), transparent 55%), var(--sy-panel); }
.in-decision[data-decision="hold"] { --tone: var(--in-warn); background: linear-gradient(100deg, var(--in-warn-wash), transparent 55%), var(--sy-panel); }
.in-decision[data-decision="reject"] { --tone: var(--sy-red); background: linear-gradient(100deg, var(--sy-red-wash), transparent 55%), var(--sy-panel); }
.in-decision-top { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 6px 16px; }
.in-decision-word { margin: 0; font-family: var(--sy-display); font-weight: 600; font-size: clamp(34px, 4vw, 52px); letter-spacing: -.045em; line-height: .95; color: var(--tone); text-transform: uppercase; }
.in-decision-meta { font: 12px/1.5 var(--sy-mono); color: var(--sy-gray); text-align: right; }
.in-decision-meta b { color: var(--sy-white); font-weight: 500; }
.in-decision p.in-reason { margin: 12px 0 0; font-size: 15px; line-height: 1.55; color: #d9dae0; max-width: 62ch; }
.in-tally { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 14px; }

/* Escalation and request-side signals */
.in-escalate { display: inline-block; margin-left: 14px; padding: 4px 8px 5px; vertical-align: middle; font: 600 10.5px var(--sy-mono); letter-spacing: .1em; text-transform: uppercase; color: #fff; background: var(--sy-red); }
.in-signals { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.in-signals li { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 3px 12px; padding: 11px 13px 11px 15px; border: 1px solid var(--sy-line); background: var(--sy-panel); position: relative; }
.in-signals li::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 3px; background: var(--in-warn); }
.in-signals li[data-tone="bad"]::before { background: var(--sy-red); }
.in-signals li[data-tone="soft"]::before { background: var(--in-soft); }
.in-signals b { font-size: 14px; font-weight: 600; color: var(--sy-white); }
.in-signals small { font: 10.5px var(--sy-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--sy-gray-dim); align-self: center; }
.in-signals q { grid-column: 1 / -1; font: 12px/1.5 var(--sy-mono); color: #c9a5a6; quotes: "“" "”"; overflow-wrap: anywhere; }

/* Verdict tones */
.in-v { display: inline-flex; align-items: center; gap: 6px; padding: 3px 7px; font: 500 10.5px var(--sy-mono); letter-spacing: .08em; text-transform: uppercase; border: 1px solid currentColor; white-space: nowrap; }
.in-v::before { content: ""; width: 6px; height: 6px; background: currentColor; }
.in-v[data-tone="ok"] { color: var(--in-ok); }
.in-v[data-tone="soft"] { color: var(--in-soft); }
.in-v[data-tone="warn"] { color: var(--in-warn); }
.in-v[data-tone="bad"] { color: var(--sy-red); }

/* Draft with marks */
.in-marked { margin: 0; padding: 15px 16px; border: 1px solid var(--sy-line); background: #0d0d10; font-size: 15.5px; line-height: 1.85; color: #c8cad0; }
.in-mark { cursor: pointer; padding: 1px 0; border-bottom: 2px solid; color: var(--sy-white); transition: background .15s; }
.in-mark[data-tone="ok"] { border-color: var(--in-ok); }
.in-mark[data-tone="soft"] { border-color: var(--in-soft); }
.in-mark[data-tone="warn"] { border-color: var(--in-warn); background: rgba(230, 171, 82, .07); }
.in-mark[data-tone="bad"] { border-color: var(--sy-red); background: rgba(239, 69, 71, .09); }
.in-mark.is-active, .in-mark:hover { background: rgba(91, 125, 255, .18); }
.in-mark.is-tactic { border-bottom-style: double; border-bottom-width: 3px; }
.in-mark:focus-visible { outline: 2px solid var(--sy-blue-text); outline-offset: 2px; }

/* Claim ledger */
.in-ledger { border-top: 1px solid var(--sy-line); }
.in-claim { display: grid; grid-template-columns: 22px minmax(0, 1fr) auto; gap: 4px 12px; align-items: start; width: 100%; padding: 13px 4px; border: 0; border-bottom: 1px solid var(--sy-line); background: none; color: inherit; text-align: left; font: inherit; cursor: pointer; }
.in-claim:hover { background: rgba(255, 255, 255, .02); }
.in-claim[aria-expanded="true"] { background: var(--sy-panel); }
.in-claim .in-n { font: 500 11px var(--sy-mono); color: var(--sy-gray-dim); padding-top: 2px; }
.in-claim b { font-size: 15px; font-weight: 600; color: var(--sy-white); }
.in-claim q { display: block; margin-top: 3px; font-size: 13px; color: var(--sy-gray); quotes: "“" "”"; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* Detail */
.in-detail { padding: 18px; border: 1px solid var(--sy-line-strong); background: var(--sy-panel); display: grid; gap: 18px; }
.in-detail h3 { margin: 0; font-family: var(--sy-display); font-size: 18px; font-weight: 500; letter-spacing: -.02em; display: flex; flex-wrap: wrap; gap: 8px 12px; align-items: center; }
.in-reasons { margin: 0; padding: 0; list-style: none; display: grid; gap: 8px; }
.in-reasons li { position: relative; padding-left: 16px; font-size: 14.5px; line-height: 1.55; color: #d0d2d8; }
.in-reasons li::before { content: ""; position: absolute; left: 0; top: .65em; width: 7px; height: 1px; background: var(--sy-blue-text); }
.in-viz { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 14px; }
.in-viz > div { min-width: 0; padding: 14px; border: 1px solid var(--sy-line); background: #0d0d10; }
.in-viz .in-wide { grid-column: 1 / -1; }
.in-viz h4 { margin: 0 0 12px; font: 500 10.5px var(--sy-mono); letter-spacing: .12em; text-transform: uppercase; color: var(--sy-gray); }
.in-viz p.in-cap { margin: 10px 0 0; font-size: 12.5px; line-height: 1.5; color: var(--sy-gray); }

/* Scope ladder */
.in-ladder { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.in-ladder li { display: grid; grid-template-columns: 14px minmax(0, 1fr) auto; align-items: center; gap: 10px; font-size: 13px; color: var(--sy-gray); }
.in-ladder li i { width: 9px; height: 9px; border: 1px solid var(--sy-line-strong); justify-self: center; }
.in-ladder li.is-claim { color: var(--sy-white); }
.in-ladder li.is-claim i { border-color: var(--sy-red); background: var(--sy-red); }
.in-ladder li.is-evidence i { border-color: var(--sy-blue); background: var(--sy-blue); }
.in-ladder li.is-claim.is-evidence i { background: linear-gradient(135deg, var(--sy-red) 50%, var(--sy-blue) 50%); border-color: var(--sy-gray); }
.in-ladder li small { font: 10px var(--sy-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--sy-gray-dim); }

/* Freshness gauge */
.in-gauge { position: relative; height: 34px; margin-top: 4px; }
.in-gauge .track { position: absolute; left: 0; right: 0; top: 14px; height: 6px; background: linear-gradient(90deg, rgba(92, 203, 151, .35), rgba(92, 203, 151, .35) var(--limit), rgba(239, 69, 71, .35) var(--limit)); }
.in-gauge .limit { position: absolute; top: 6px; bottom: 6px; left: var(--limit); width: 1px; background: var(--sy-white); }
.in-gauge .age { position: absolute; top: 9px; left: var(--age); width: 16px; height: 16px; margin-left: -8px; background: var(--sy-white); border: 3px solid var(--sy-black); box-shadow: 0 0 0 1px var(--sy-white); }
.in-gauge-labels { display: flex; justify-content: space-between; font: 10.5px var(--sy-mono); color: var(--sy-gray-dim); }

/* Provenance graph */
.in-graph svg { display: block; width: 100%; height: auto; }
.in-graph text { font-family: var(--sy-mono); font-size: 10px; fill: #a3a3ab; }
.in-graph .lbl { fill: #e9e9ee; font-family: var(--sy-body); font-size: 11.5px; }
.in-legend { display: flex; flex-wrap: wrap; gap: 6px 14px; margin-top: 10px; font: 10.5px var(--sy-mono); color: var(--sy-gray-dim); }
.in-legend span::before { content: ""; display: inline-block; width: 8px; height: 8px; margin-right: 6px; vertical-align: 0; background: var(--c); border-radius: var(--r, 0); box-shadow: inset 0 0 0 1px var(--b, transparent); }

/* Corrected version */
.in-fixed { padding: 16px; border: 1px solid var(--sy-blue); background: linear-gradient(180deg, var(--sy-blue-wash), transparent), #0d0d10; }
.in-fixed p { margin: 0; font-size: 15px; line-height: 1.7; color: var(--sy-white); white-space: pre-wrap; }
.in-fixed .in-fixed-foot { display: flex; flex-wrap: wrap; gap: 8px 14px; align-items: center; justify-content: space-between; margin-top: 12px; font: 11px var(--sy-mono); color: var(--sy-gray); }
.in-empty { margin: 0; padding: 14px; border: 1px dashed var(--sy-line-strong); color: var(--sy-gray); font-size: 14px; }
.in-empty-bad { border-color: rgba(239, 69, 71, .55); color: #e6c4c5; background: var(--sy-red-wash); border-style: solid; }

/* Decision record */
.in-record { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 12px 14px; border: 1px solid var(--sy-line); background: #0b0b0d; }
.in-record-mark { width: 30px; height: 30px; display: grid; place-items: center; font: 600 14px var(--sy-mono); color: var(--in-ok); border: 1px solid rgba(92, 203, 151, .45); }
.in-record b { display: block; font-size: 13.5px; font-weight: 600; color: var(--sy-white); }
.in-record code { display: block; margin-top: 2px; font: 12px var(--sy-mono); color: var(--in-ok); overflow-wrap: anywhere; }
.in-record small { display: block; margin-top: 4px; font-size: 12px; line-height: 1.45; color: var(--sy-gray); }
.in-limits-note { margin: 14px 0 0; font: 12px/1.6 var(--sy-mono); color: var(--sy-gray-dim); }

/* Checks grid */
.in-checks { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; background: var(--sy-line); border: 1px solid var(--sy-line); }
.in-checks article { background: var(--sy-black); padding: 22px; min-width: 0; }
.in-checks .num { font: 500 11px var(--sy-mono); color: var(--sy-blue-text); letter-spacing: .1em; }
.in-checks h3 { margin: 10px 0 8px; font-family: var(--sy-display); font-size: 17px; font-weight: 500; letter-spacing: -.02em; line-height: 1.3; }
.in-checks p { margin: 0; font-size: 14px; line-height: 1.6; color: #b9bcc3; }

/* Who it serves */
.in-who { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; background: var(--sy-line); border: 1px solid var(--sy-line); }
.in-who article { background: var(--sy-black); padding: 22px; display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.in-who small { font: 500 10.5px var(--sy-mono); letter-spacing: .12em; text-transform: uppercase; color: var(--sy-blue-text); }
.in-who h3 { margin: 0; font-family: var(--sy-display); font-size: 19px; font-weight: 500; letter-spacing: -.02em; line-height: 1.25; }
.in-who p { margin: 0; font-size: 14px; line-height: 1.6; color: #b9bcc3; }
.in-who ul { margin: auto 0 0; padding: 12px 0 0; border-top: 1px solid var(--sy-line); list-style: none; display: grid; gap: 6px; font-size: 13px; color: var(--sy-gray); }
.in-who li::before { content: "+ "; color: var(--sy-blue-text); font-family: var(--sy-mono); }

/* Two directions of attack */
.in-threats { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 1px; background: var(--sy-line); border: 1px solid var(--sy-line); }
.in-threats > div { background: var(--sy-black); padding: clamp(18px, 2vw, 26px); min-width: 0; }
.in-threats h3 { margin: 0 0 4px; font-family: var(--sy-display); font-size: 22px; font-weight: 500; letter-spacing: -.025em; }
.in-threats > div > p { margin: 0 0 16px; font-size: 14px; line-height: 1.55; color: var(--sy-gray); }
.in-tactics { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 1px; background: var(--sy-line); border: 1px solid var(--sy-line); }
.in-tactics li { background: #0b0b0d; padding: 14px 15px; display: grid; gap: 6px; align-content: start; }
.in-tactics b { font-size: 14.5px; font-weight: 600; color: var(--sy-white); display: flex; justify-content: space-between; gap: 10px; align-items: baseline; }
.in-tactics b span { font: 500 10px var(--sy-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--tone, var(--sy-red)); white-space: nowrap; }
.in-tactics p { margin: 0; font-size: 13.5px; line-height: 1.55; color: #b9bcc3; }
.in-threats .in-checks { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.in-threats .in-checks article { background: #0b0b0d; padding: 14px 15px; }
.in-threats .in-checks h3 { margin: 6px 0 6px; font-size: 14.5px; font-family: var(--sy-body); font-weight: 600; letter-spacing: 0; }
.in-threats .in-checks p { font-size: 13.5px; line-height: 1.55; }

/* Published evaluation */
.in-score-tiles { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; background: var(--sy-line); border: 1px solid var(--sy-line); }
.in-score-tile { background: var(--sy-black); padding: 22px; display: flex; flex-direction: column; gap: 6px; }
.in-score-tile b { font-family: var(--sy-display); font-size: clamp(38px, 4.4vw, 58px); font-weight: 600; letter-spacing: -.05em; line-height: .95; color: var(--sy-white); }
.in-score-tile b em { font-style: normal; color: var(--sy-gray-dim); font-weight: 500; font-size: .5em; letter-spacing: -.02em; margin-left: 2px; }
.in-score-tile span { font-size: 14px; color: #d0d2d8; }
.in-score-tile small { font: 11px/1.45 var(--sy-mono); color: var(--sy-gray-dim); }
.in-score-groups { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 14px 22px; margin-top: 22px; }
.in-score-groups .in-legend { grid-column: 1 / -1; margin-top: 0; }
.in-strip { display: flex; flex-wrap: wrap; gap: 3px; }
.in-strip i { width: 13px; height: 22px; background: var(--sy-blue); }
.in-strip i[data-state="limit"] { background: var(--in-warn); }
.in-strip i[data-state="fail"] { background: var(--sy-red); }
.in-misses { margin-top: 24px; }
.in-misses ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; background: var(--sy-line); border: 1px solid var(--sy-line); }
.in-misses li { background: var(--sy-black); padding: 14px 16px; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 12px; }
.in-misses b { font-size: 14px; font-weight: 600; }
.in-misses small { font: 10.5px var(--sy-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--in-warn); align-self: center; }
.in-misses li:last-child:nth-child(odd) { grid-column: 1 / -1; }
.in-misses p { grid-column: 1 / -1; margin: 0; font-size: 13.5px; line-height: 1.5; color: var(--sy-gray); }
.in-score-links { display: flex; flex-wrap: wrap; gap: 8px 22px; margin-top: 18px; }

/* Flow */
.in-flow { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; background: var(--sy-line); border: 1px solid var(--sy-line); counter-reset: f; }
.in-flow div { background: var(--sy-black); padding: 20px; position: relative; counter-increment: f; }
.in-flow div::before { content: "0" counter(f); font: 500 11px var(--sy-mono); color: #fff; background: var(--sy-blue); padding: 3px 7px; }
.in-flow b { display: block; margin: 12px 0 6px; font-size: 16px; font-weight: 600; }
.in-flow p { margin: 0; font-size: 14px; line-height: 1.55; color: #b9bcc3; }
.in-code { margin: 0; padding: 14px 16px; background: #0b0b0d; border: 1px solid var(--sy-line-strong); font: 12.5px/1.6 var(--sy-mono); color: #d7d7dc; overflow-x: auto; white-space: pre; }
.in-code .k { color: #9aa6ff; }
.in-ways { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; background: var(--sy-line); border: 1px solid var(--sy-line); margin-top: 18px; }
.in-ways article { background: var(--sy-black); padding: 20px; display: flex; flex-direction: column; gap: 8px; }
.in-ways h3 { margin: 0; font-family: var(--sy-display); font-size: 17px; font-weight: 500; }
.in-ways p { margin: 0; font-size: 14px; line-height: 1.55; color: #b9bcc3; }
.in-ways .sy-link { margin-top: auto; padding-top: 6px; }

@media (max-width: 1100px) {
  .in-bench { grid-template-columns: 1fr; }
  .in-tabs { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .in-who, .in-score-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .in-threats { grid-template-columns: 1fr; }
  .in-checks { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .in-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .in-tabs { grid-template-columns: 1fr 1fr; }
  .in-who, .in-tactics, .in-threats .in-checks, .in-score-groups, .in-misses ul { grid-template-columns: 1fr; }
  .in-escalate { margin: 10px 0 0; display: table; }
  .in-record { grid-template-columns: auto minmax(0, 1fr); }
  .in-record .sy-btn-ghost { grid-column: 1 / -1; justify-self: start; }
  .in-viz { grid-template-columns: 1fr; }
  .in-checks, .in-flow, .in-ways { grid-template-columns: 1fr; }
  .in-score-tile { padding: 18px; }
  .in-decision-meta { text-align: left; }
}
@media (prefers-reduced-motion: reduce) { .in-page * { transition: none !important; } }