/* Model shutdown check: a paper sheet with one input, then a card per ID. Tone is never colour alone: each card says it in words. */
.msc-page main { max-width: none; padding: 0; }
article.msc { margin: 0 auto; padding: var(--wp-8) var(--wp-gutter) var(--wp-16); max-width: 52rem; box-sizing: content-box; }
.msc-eyebrow { margin: 0 0 var(--wp-3); font: 500 var(--wp-text-cite)/1.3 var(--wp-font-mono); letter-spacing: .06em; text-transform: uppercase; color: var(--wp-muted); }
.msc h1 { margin: 0; max-width: 20ch; font: 600 clamp(2.125rem, 1.4rem + 2.6vw, 3.25rem)/1.02 var(--wp-font-display); letter-spacing: -.02em; text-wrap: balance; }
.msc-lede { margin: var(--wp-4) 0 0; max-width: var(--wp-measure); font-size: var(--wp-text-lede); line-height: 1.5; }
.msc-h { margin: 0 0 var(--wp-4); font: 600 var(--wp-text-title)/1.05 var(--wp-font-display); letter-spacing: -.015em; }
.msc-input { margin-top: var(--wp-8); }
.msc-label { display: block; margin: 0 0 var(--wp-2); font-weight: 600; }
.msc-input textarea { display: block; box-sizing: border-box; width: 100%; padding: var(--wp-3); font: 400 .875rem/1.5 var(--wp-font-mono); white-space: pre; overflow-x: auto; resize: vertical; border: var(--wp-rule-strong) solid var(--wp-ink); border-radius: 0; background: var(--wp-panel); color: var(--wp-ink); }
.msc-input textarea:focus-visible { outline: 3px solid var(--wp-focus); outline-offset: 2px; }
.msc-actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--wp-3); margin-top: var(--wp-3); }
.msc-noscript { color: var(--wp-muted); }
.msc-results { margin-top: var(--wp-12); }
.msc-results:focus { outline: none; }
.msc-results:focus-visible { outline: 3px solid var(--wp-focus); outline-offset: 6px; }
.msc-summary { margin: 0 0 var(--wp-6); max-width: var(--wp-measure); font: 600 1.125rem/1.4 var(--wp-font-display); }
.msc-list { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--wp-8); }
.msc-item { display: grid; gap: var(--wp-3); }
.msc-item-head { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--wp-2) var(--wp-4); }
.msc-id { font: 500 1.125rem/1.3 var(--wp-font-mono); overflow-wrap: anywhere; background: none; padding: 0; }
.msc-lines, .msc-note, .msc-src, .msc-caveat, .msc-copied { font-size: var(--wp-text-meta); color: var(--wp-muted); }
.msc-note { margin: 0; max-width: var(--wp-measure); }
.msc-row { display: grid; gap: var(--wp-2); padding: var(--wp-4); border: var(--wp-rule) solid var(--wp-hair); border-left: 6px solid var(--wp-ink); background: var(--wp-panel); }
.msc-row[data-tone="past"] { border-left-color: var(--wp-rust); }
.msc-row[data-tone="soon"] { border-left-color: var(--wp-rust); border-left-style: dashed; }
.msc-row[data-tone="later"] { border-left-color: var(--oa-blue-deep); }
.msc-row[data-tone="none"], .msc-row[data-tone="unlisted"] { border-left-color: var(--wp-muted); }
.msc-row p { margin: 0; max-width: var(--wp-measure); }
.msc-row-where { font: 500 var(--wp-text-cite)/1.3 var(--wp-font-mono); letter-spacing: .04em; text-transform: uppercase; color: var(--wp-muted); }
.msc-row-say { font: 600 1.25rem/1.25 var(--wp-font-display); }
.msc-k { font-weight: 600; }
.msc-swap { display: grid; gap: var(--wp-1); }
.msc-diff { margin: 0; padding: var(--wp-3); background: var(--wp-paper, #fff); border: var(--wp-rule) solid var(--wp-hair); font: 400 .8125rem/1.5 var(--wp-font-mono); white-space: pre-wrap; overflow-wrap: anywhere; }
.msc-diff:focus-visible { outline: 3px solid var(--wp-focus); outline-offset: 2px; }
.msc-quote { display: grid; gap: var(--wp-1); padding-top: var(--wp-2); border-top: var(--wp-rule) solid var(--wp-hair); font-size: var(--wp-text-meta); }
.msc-quote-line { overflow-wrap: anywhere; }
.msc-quote-where { color: var(--wp-muted); }
.msc-quote q { font-family: var(--wp-font-mono); font-size: .8125rem; quotes: "“" "”"; }
.msc-src a { display: inline-block; padding-block: 12px; margin-block: -12px; overflow-wrap: anywhere; }
.msc-caveat { max-width: var(--wp-measure); }
.msc-sheet { margin-top: var(--wp-16); }
.msc-sheet p { max-width: var(--wp-measure); }
.msc-points { max-width: var(--wp-measure); padding-left: 1.25rem; display: grid; gap: var(--wp-2); }
.msc-sheet code { white-space: nowrap; }
.msc-table-wrap { overflow-x: auto; margin: var(--wp-4) 0 var(--wp-6); }
.msc-table { width: 100%; min-width: 0; border: 0; border-collapse: collapse; font-size: var(--wp-text-ledger); }
.msc-table th, .msc-table td { text-align: left; vertical-align: top; padding: var(--wp-2) var(--wp-3) var(--wp-2) 0; border-bottom: var(--wp-rule) solid var(--wp-hair); }
.msc-table thead th { font: 500 var(--wp-text-cite)/1.3 var(--wp-font-mono); text-transform: uppercase; letter-spacing: .05em; color: var(--wp-muted); border-bottom: var(--wp-rule-strong) solid var(--wp-ink); }
.msc-table code { font-size: .875em; white-space: normal; overflow-wrap: anywhere; }
@media (max-width: 40rem) {
  .msc-upcoming thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .msc-upcoming tr { display: grid; gap: 2px; padding: var(--wp-3) 0; border-bottom: var(--wp-rule) solid var(--wp-hair); }
  .msc-upcoming th, .msc-upcoming td { border: 0; padding: 0; }
  .msc-upcoming td:nth-child(3)::before { content: "Shutdown: "; color: var(--wp-muted); }
  .msc-upcoming td:nth-child(4)::before { content: "Replacement: "; color: var(--wp-muted); }
}
.msc-foot { font-size: var(--wp-text-meta); color: var(--wp-muted); }
