:root {
  color-scheme: dark;
  --page: #0b0c0b;
  --surface: #111311;
  --surface-2: #151815;
  --surface-3: #1a1d1a;
  --ink: #f4f1e9;
  --muted: #a9aaa4;
  --subtle: #898e86;
  --line: rgba(244, 241, 233, .11);
  --line-strong: rgba(244, 241, 233, .21);
  --copper: #e28b52;
  --copper-bright: #ffad75;
  --copper-soft: rgba(226, 139, 82, .12);
  --green: #7bd39d;
  --green-soft: rgba(123, 211, 157, .1);
  --red: #ff7c74;
  --red-soft: rgba(255, 124, 116, .1);
  --sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  min-width: 320px;
  min-height: 100vh;
  color: var(--ink);
  background:
    linear-gradient(rgba(255,255,255,.012) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.012) 1px, transparent 1px),
    radial-gradient(circle at 80% -10%, rgba(226,139,82,.07), transparent 34rem),
    var(--page);
  background-size: 80px 80px, 80px 80px, auto, auto;
  font-family: var(--sans);
  -webkit-font-smoothing: antialiased;
}

button, a { font: inherit; }
button { color: inherit; }
a { color: inherit; text-decoration: none; }
.shell { width: min(100% - 40px, 1240px); margin: 0 auto; padding: 20px 0 36px; }
.skip-link { position: fixed; z-index: 20; top: 10px; left: 10px; padding: 10px 14px; color: #111; background: var(--copper-bright); transform: translateY(-160%); }
.skip-link:focus { transform: translateY(0); }

.topbar {
  min-height: 62px;
  display: grid;
  grid-template-columns: 1fr auto auto;
  align-items: center;
  gap: 30px;
  padding: 0 18px;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: rgba(14, 16, 14, .92);
}
.brand { display: inline-flex; align-items: center; gap: 11px; width: fit-content; }
.brand-mark { width: 32px; height: 32px; display: grid; place-items: center; border: 1px solid var(--copper); border-radius: 5px; color: var(--copper-bright); background: var(--copper-soft); font: 700 15px/1 var(--mono); }
.brand > span:last-child, .footer .brand > span:last-child { display: grid; gap: 2px; }
.brand strong { font-size: 14px; letter-spacing: -.01em; }
.brand small { color: var(--subtle); font: 11px/1 var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.top-links { display: flex; align-items: center; gap: 22px; }
.top-links a { color: var(--muted); font-size: 12px; }
.top-links a:hover { color: var(--ink); }
.receipt-state { min-height: 34px; display: inline-flex; align-items: center; gap: 8px; padding: 0 12px; border: 1px solid var(--line); border-radius: 18px; color: var(--muted); background: var(--surface-2); font-size: 11px; }
.state-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--copper); box-shadow: 0 0 0 4px var(--copper-soft); }
.receipt-state[data-status="pass"] { color: var(--green); border-color: rgba(123,211,157,.28); background: var(--green-soft); }
.receipt-state[data-status="pass"] .state-dot { background: var(--green); box-shadow: 0 0 0 4px var(--green-soft); }
.receipt-state[data-status="fail"] { color: var(--red); border-color: rgba(255,124,116,.3); background: var(--red-soft); }
.receipt-state[data-status="fail"] .state-dot { background: var(--red); box-shadow: 0 0 0 4px var(--red-soft); }

.intro { min-height: 410px; display: grid; grid-template-columns: minmax(0, 1fr) 350px; gap: 80px; align-items: center; padding: 62px 24px 54px; }
.eyebrow, .section-kicker { margin: 0 0 18px; color: var(--copper-bright); font: 11px/1.4 var(--mono); letter-spacing: .11em; text-transform: uppercase; }
.eyebrow { display: flex; align-items: center; gap: 11px; }
.eyebrow > span { width: 28px; height: 1px; background: var(--copper); }
h1 { max-width: 800px; margin: 0; font-size: clamp(42px, 5.5vw, 72px); line-height: .99; letter-spacing: -.058em; font-weight: 590; }
h1 em { color: var(--muted); font-style: normal; font-weight: 430; }
.intro-copy > p:not(.eyebrow) { max-width: 690px; margin: 24px 0 0; color: var(--muted); font-size: 17px; line-height: 1.65; }
.intro-actions { display: flex; align-items: center; gap: 12px; margin-top: 30px; }
.primary-action, .secondary-action { min-height: 46px; display: inline-flex; align-items: center; justify-content: center; gap: 16px; padding: 0 18px; border-radius: 4px; cursor: pointer; }
.primary-action { color: #17100c; border: 1px solid var(--copper-bright); background: var(--copper); font-size: 12px; font-weight: 750; }
.primary-action:hover { background: var(--copper-bright); }
.secondary-action { border: 1px solid var(--line-strong); color: var(--ink); background: transparent; font-size: 12px; }
.secondary-action:hover { border-color: var(--copper); color: var(--copper-bright); }
.mission-summary { margin: 0; border-top: 1px solid var(--line-strong); }
.mission-summary > div { display: grid; grid-template-columns: 105px 1fr; align-items: baseline; gap: 18px; padding: 16px 0; border-bottom: 1px solid var(--line); }
.mission-summary dt { color: var(--subtle); font: 10px/1 var(--mono); letter-spacing: .09em; text-transform: uppercase; }
.mission-summary dd { margin: 0; font: 13px/1.3 var(--mono); }
.mission-summary dd span { color: var(--muted); text-decoration: line-through; }
.mission-summary dd b { margin: 0 7px; color: var(--copper); font-weight: 400; }
.mission-summary dd strong { color: var(--green); font-weight: 700; }

.ledger { overflow: hidden; border: 1px solid var(--line-strong); border-radius: 6px; background: rgba(15,17,15,.96); box-shadow: 0 28px 80px rgba(0,0,0,.22); }
.ledger-header { min-height: 88px; display: flex; align-items: center; justify-content: space-between; gap: 30px; padding: 18px 24px; border-bottom: 1px solid var(--line); }
.ledger-header .section-kicker { margin-bottom: 7px; }
.ledger-header h2 { margin: 0; font-size: clamp(22px, 3vw, 34px); letter-spacing: -.035em; font-weight: 560; }
.ledger-verdict { display: grid; grid-template-columns: auto 1fr; align-items: center; column-gap: 10px; }
.ledger-verdict > span { grid-row: 1 / 3; width: 32px; height: 32px; display: grid; place-items: center; border: 1px solid rgba(123,211,157,.35); border-radius: 50%; color: var(--green); background: var(--green-soft); }
.ledger-verdict strong { font-size: 12px; }
.ledger-verdict small { color: var(--subtle); font: 10px/1.4 var(--mono); }
.view-tabs { display: flex; gap: 0; padding: 0 24px; border-bottom: 1px solid var(--line); }
.view-tabs button { min-width: 110px; min-height: 48px; padding: 0 18px; border: 0; border-bottom: 2px solid transparent; color: var(--muted); background: transparent; cursor: pointer; font-size: 12px; }
.view-tabs button:hover { color: var(--ink); }
.view-tabs button[aria-selected="true"] { color: var(--copper-bright); border-bottom-color: var(--copper); }
.tab-panel[hidden] { display: none !important; }
.mission-panel { display: grid; grid-template-columns: 360px minmax(0, 1fr); min-height: 600px; }
.event-column { min-width: 0; border-right: 1px solid var(--line); }
.panel-heading { min-height: 45px; display: flex; align-items: center; justify-content: space-between; padding: 0 18px; border-bottom: 1px solid var(--line); color: var(--muted); font: 10px/1 var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.panel-heading small { color: var(--subtle); font-size: 10px; }
.event-ledger { padding: 10px 0; }
.event-item { width: 100%; min-height: 70px; display: grid; grid-template-columns: 46px 1fr auto; align-items: center; gap: 12px; padding: 10px 18px; border: 0; border-left: 2px solid transparent; color: var(--muted); background: transparent; text-align: left; cursor: pointer; }
.event-item:hover { color: var(--ink); background: rgba(255,255,255,.018); }
.event-item[aria-current="true"] { color: var(--ink); border-left-color: var(--copper); background: var(--copper-soft); }
.event-index { width: 32px; height: 32px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; color: var(--subtle); font: 10px/1 var(--mono); }
.event-item[aria-current="true"] .event-index { color: var(--copper-bright); border-color: var(--copper); background: rgba(226,139,82,.08); }
.event-copy { display: grid; gap: 5px; }
.event-copy strong { font-size: 13px; font-weight: 620; }
.event-copy small, .event-time { color: var(--subtle); font: 10px/1.3 var(--mono); }
.event-time { text-align: right; }
.event-state { display: block; margin-top: 4px; color: var(--green); }
.event-state.authority { color: var(--copper-bright); }
.evidence-inspector { min-width: 0; }
.inspector-content { padding: 34px; }
.inspector-status { display: grid; grid-template-columns: 44px 1fr auto; align-items: center; gap: 15px; }
.inspector-status > span { color: var(--copper-bright); font: 12px/1 var(--mono); }
.inspector-status small { color: var(--subtle); font: 10px/1.2 var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.inspector-status h3 { margin: 5px 0 0; font-size: clamp(25px, 3vw, 38px); letter-spacing: -.035em; font-weight: 560; }
.inspector-status b { padding: 7px 9px; border: 1px solid rgba(123,211,157,.27); border-radius: 3px; color: var(--green); background: var(--green-soft); font: 9px/1 var(--mono); letter-spacing: .08em; }
#inspector-description { max-width: 680px; margin: 22px 0 28px; color: var(--muted); font-size: 14px; line-height: 1.65; }
.comparison { margin: 0; border-top: 1px solid var(--line-strong); }
.comparison > div { display: grid; grid-template-columns: 125px 1fr 1fr auto; gap: 14px; align-items: center; min-height: 48px; border-bottom: 1px solid var(--line); }
.comparison dt { color: var(--subtle); font: 10px/1.2 var(--mono); letter-spacing: .06em; text-transform: uppercase; }
.comparison dd { margin: 0; font: 11px/1.3 var(--mono); }
.comparison dd.expected { color: var(--muted); }
.comparison dd.observed { color: var(--ink); }
.comparison b { color: var(--green); font: 10px/1 var(--mono); }
.correlation { margin-top: 30px; padding: 20px; border: 1px solid var(--copper); border-radius: 4px; background: linear-gradient(110deg, var(--copper-soft), transparent 70%); }
.correlation > div:first-child { display: flex; justify-content: space-between; gap: 20px; }
.correlation small { color: var(--copper-bright); font: 10px/1 var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.correlation strong { font: 11px/1 var(--mono); }
.correlation-line { height: 1px; margin: 20px 0; background: var(--line); }
.correlation-line span { display: block; width: 100%; height: 1px; background: linear-gradient(90deg, var(--copper), var(--green)); }
.correlation-records { display: flex; flex-wrap: wrap; gap: 8px; }
.correlation-records span { padding: 7px 9px; border: 1px solid var(--line); color: var(--muted); background: var(--surface); font: 10px/1 var(--mono); }
.raw-proof { margin-top: 18px; border: 1px solid var(--line); border-radius: 4px; }
.raw-proof summary { min-height: 46px; display: flex; align-items: center; justify-content: space-between; padding: 0 14px; color: var(--muted); cursor: pointer; font-size: 11px; list-style: none; }
.raw-proof summary::-webkit-details-marker { display: none; }
.raw-proof[open] summary span { transform: rotate(45deg); }
.raw-proof pre { max-height: 320px; overflow: auto; margin: 0; padding: 16px; border-top: 1px solid var(--line); color: #d8d2c7; background: #090a09; font: 10px/1.65 var(--mono); white-space: pre-wrap; word-break: break-word; }

.challenge-panel { padding: 34px; }
.challenge-copy { max-width: 760px; }
.challenge-copy h3, .evidence-intro h3 { margin: 0; font-size: clamp(28px, 4vw, 44px); letter-spacing: -.04em; font-weight: 560; }
.challenge-copy > p:not(.section-kicker), .evidence-intro > p:not(.section-kicker) { color: var(--muted); font-size: 14px; line-height: 1.65; }
.disclosure { padding-left: 13px; border-left: 2px solid var(--copper); font-size: 12px !important; }
.challenge-workbench { display: grid; grid-template-columns: minmax(0, 1fr) 370px; gap: 24px; margin-top: 30px; }
.mutation-list { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.mutation-list button { min-height: 92px; display: grid; grid-template-columns: 34px 1fr; grid-template-rows: auto auto; align-content: center; column-gap: 10px; padding: 14px; border: 1px solid var(--line); border-radius: 4px; color: var(--muted); background: var(--surface); text-align: left; cursor: pointer; }
.mutation-list button:hover, .mutation-list button[aria-pressed="true"] { color: var(--ink); border-color: var(--red); background: var(--red-soft); }
.mutation-list span { grid-row: 1 / 3; color: var(--subtle); font: 10px/1 var(--mono); }
.mutation-list strong { font-size: 12px; }
.mutation-list small { margin-top: 5px; color: var(--subtle); font-size: 10px; }
.challenge-result { min-height: 292px; padding: 24px; border: 1px solid var(--line-strong); border-radius: 4px; background: var(--surface-2); }
.challenge-result[data-result="rejected"] { border-color: rgba(255,124,116,.55); background: linear-gradient(145deg, var(--red-soft), var(--surface) 68%); }
.result-mark { width: 40px; height: 40px; display: grid; place-items: center; margin-bottom: 22px; border: 1px solid var(--line-strong); border-radius: 50%; color: var(--muted); }
.challenge-result[data-result="rejected"] .result-mark { color: var(--red); border-color: var(--red); }
.challenge-result > small { color: var(--subtle); font: 10px/1 var(--mono); letter-spacing: .08em; }
.challenge-result h3 { margin: 8px 0; font: 700 16px/1.3 var(--mono); }
.challenge-result[data-result="rejected"] h3 { color: var(--red); }
.challenge-result > p { min-height: 42px; color: var(--muted); font-size: 12px; line-height: 1.55; }
.challenge-result dl { margin: 18px 0; border-top: 1px solid var(--line); }
.challenge-result dl > div { display: flex; justify-content: space-between; gap: 16px; padding: 9px 0; border-bottom: 1px solid var(--line); }
.challenge-result dt { color: var(--subtle); font: 10px/1 var(--mono); text-transform: uppercase; }
.challenge-result dd { margin: 0; font: 10px/1 var(--mono); }
.challenge-result button { width: 100%; min-height: 42px; border: 1px solid var(--line-strong); border-radius: 3px; color: var(--ink); background: transparent; cursor: pointer; font-size: 11px; }
.challenge-result button:disabled { opacity: .4; cursor: not-allowed; }

.evidence-panel { padding: 34px; }
.evidence-intro { max-width: 800px; }
.verify-command { display: flex; align-items: stretch; margin-top: 24px; border: 1px solid var(--line-strong); border-radius: 4px; background: #090a09; }
.verify-command code { flex: 1; overflow: auto; padding: 14px; color: var(--green); font: 10px/1.5 var(--mono); white-space: nowrap; }
.verify-command button { width: 70px; border: 0; border-left: 1px solid var(--line); color: var(--muted); background: var(--surface); cursor: pointer; font-size: 10px; }
.evidence-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-top: 30px; }
.evidence-grid article { min-height: 160px; display: flex; flex-direction: column; padding: 18px; border: 1px solid var(--line); border-radius: 4px; background: var(--surface); }
.evidence-grid .authority-card { border-color: var(--copper); background: linear-gradient(145deg, var(--copper-soft), var(--surface) 65%); }
.evidence-grid small { color: var(--subtle); font: 10px/1.3 var(--mono); letter-spacing: .07em; text-transform: uppercase; }
.evidence-grid strong { margin-top: 24px; font-size: 15px; }
.evidence-grid span { margin-top: 8px; color: var(--muted); font-size: 10px; line-height: 1.5; }
.evidence-grid b { margin-top: auto; color: var(--green); font: 10px/1 var(--mono); }
.check-ledger { margin-top: 26px; border: 1px solid var(--line); border-radius: 4px; }
.check-ledger-heading { min-height: 70px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 14px 18px; border-bottom: 1px solid var(--line); }
.check-ledger-heading > div { display: grid; gap: 5px; }
.check-ledger-heading small { color: var(--subtle); font: 10px/1 var(--mono); text-transform: uppercase; }
.check-ledger-heading strong { font-size: 14px; }
.check-ledger-heading a { color: var(--copper-bright); font-size: 11px; }
.check-groups { display: grid; grid-template-columns: repeat(4, 1fr); }
.check-group { padding: 16px; border-right: 1px solid var(--line); }
.check-group:last-child { border-right: 0; }
.check-group summary { display: flex; justify-content: space-between; gap: 10px; color: var(--ink); cursor: pointer; list-style: none; font-size: 11px; }
.check-group summary::-webkit-details-marker { display: none; }
.check-group summary span { color: var(--green); font: 10px/1 var(--mono); }
.check-group ul { margin: 14px 0 0; padding: 0; list-style: none; }
.check-group li { position: relative; padding: 6px 0 6px 14px; color: var(--muted); font-size: 10px; line-height: 1.35; }
.check-group li::before { content: "✓"; position: absolute; left: 0; color: var(--green); }

.trials { padding: 90px 0 52px; }
.trials > header { max-width: 760px; }
.trials h2 { margin: 0; font-size: clamp(34px, 5vw, 58px); letter-spacing: -.05em; font-weight: 560; }
.trials header > p:last-child { color: var(--muted); font-size: 14px; line-height: 1.65; }
.trial-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 30px; }
.trial-card { min-height: 260px; display: flex; flex-direction: column; padding: 22px; border: 1px solid var(--line); border-radius: 4px; background: var(--surface); }
.trial-card[data-outcome="blocked"] { border-color: rgba(255,124,116,.28); }
.trial-card > span { color: var(--subtle); font: 10px/1 var(--mono); }
.trial-card small { margin-top: 30px; color: var(--subtle); font: 10px/1 var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.trial-card h3 { margin: 9px 0; font-size: 23px; font-weight: 560; }
.trial-card p { color: var(--muted); font-size: 12px; line-height: 1.6; }
.trial-card > strong { margin-top: auto; color: var(--green); font: 10px/1.4 var(--mono); }
.trial-card[data-outcome="blocked"] > strong { color: var(--red); }
.trial-disclosure { margin: 16px 0 0; color: var(--subtle); font-size: 10px; line-height: 1.6; }
.footer { min-height: 86px; display: flex; align-items: center; justify-content: space-between; gap: 30px; padding: 18px 4px 0; border-top: 1px solid var(--line); }
.footer p { margin: 0; color: var(--subtle); font-size: 9px; line-height: 1.6; text-align: right; }

.failure-state { display: none; min-height: 600px; padding: 90px 24px; }
.failure-state h1 { max-width: 720px; }
.failure-state > p:last-child { max-width: 640px; color: var(--muted); font-size: 16px; line-height: 1.7; }
[data-evidence-status="loading"] .success-only, [data-evidence-status="fail"] .success-only { display: none !important; }
[data-evidence-status="fail"] .intro, [data-evidence-status="fail"] .topbar { display: none; }
[data-evidence-status="fail"] .failure-state { display: block; }

button, a, details, .event-item { transition: color .18s ease, border-color .18s ease, background-color .18s ease, transform .18s ease; }
a:focus-visible, button:focus-visible, summary:focus-visible, pre:focus-visible { outline: 3px solid rgba(255,173,117,.52); outline-offset: 3px; }

@media (max-width: 920px) {
  .intro { grid-template-columns: 1fr 300px; gap: 40px; padding-inline: 8px; }
  .mission-panel { grid-template-columns: 310px 1fr; }
  .comparison > div { grid-template-columns: minmax(105px, .9fr) minmax(0, 1fr) minmax(0, 1fr) auto; }
  .challenge-workbench { grid-template-columns: 1fr 320px; }
  .evidence-grid, .check-groups { grid-template-columns: 1fr 1fr; }
  .check-group:nth-child(2) { border-right: 0; }
  .check-group:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
}

@media (max-width: 720px) {
  .shell { width: min(100% - 20px, 1240px); padding-top: 10px; }
  .topbar { grid-template-columns: 1fr auto; min-height: 58px; gap: 10px; padding: 0 12px; }
  .top-links { display: flex; grid-column: 1 / -1; justify-content: center; padding-bottom: 10px; }
  .brand small { display: none; }
  .intro { min-height: auto; grid-template-columns: 1fr; gap: 38px; padding: 48px 4px 38px; }
  h1 { font-size: clamp(40px, 12vw, 58px); }
  .intro-copy > p:not(.eyebrow) { font-size: 15px; }
  .intro-actions { align-items: stretch; flex-direction: column; }
  .primary-action, .secondary-action { width: 100%; min-height: 48px; }
  .mission-summary { display: grid; grid-template-columns: 1fr 1fr; }
  .mission-summary > div { grid-template-columns: 1fr; gap: 8px; padding: 14px 8px; }
  .ledger-header { align-items: flex-start; flex-direction: column; padding: 18px; }
  .ledger-verdict { align-self: stretch; }
  .view-tabs { position: sticky; z-index: 5; top: 0; display: grid; grid-template-columns: repeat(3, 1fr); padding: 0; background: rgba(15,17,15,.97); }
  .view-tabs button { min-width: 0; min-height: 50px; padding: 0 8px; }
  .mission-panel { grid-template-columns: minmax(0, 1fr); }
  .event-column { width: 100%; overflow: hidden; border-right: 0; border-bottom: 1px solid var(--line); }
  .event-ledger { display: flex; width: 100%; max-width: 100%; overflow-x: auto; padding: 10px; scroll-snap-type: x mandatory; }
  .event-item { min-width: 230px; min-height: 92px; grid-template-columns: 38px minmax(0, 1fr); align-items: start; padding: 10px; border: 1px solid var(--line); border-left-width: 1px; scroll-snap-align: start; }
  .event-item + .event-item { margin-left: 8px; }
  .event-item[aria-current="true"] { border-color: var(--copper); }
  .event-item .event-index { grid-column: 1; grid-row: 1 / 3; }
  .event-item .event-copy { grid-column: 2; grid-row: 1; }
  .event-time { grid-column: 2; grid-row: 2; display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 4px 8px; text-align: left; }
  .event-time .event-state { display: inline; margin-top: 0; }
  .inspector-content { padding: 22px 16px; }
  .inspector-status { grid-template-columns: 34px 1fr; }
  .inspector-status > b { grid-column: 2; width: fit-content; margin-top: 8px; }
  .comparison > div { grid-template-columns: minmax(100px, .9fr) minmax(0, 1fr) minmax(0, 1fr) auto; gap: 8px; }
  .correlation > div:first-child { align-items: flex-start; flex-direction: column; }
  .challenge-panel, .evidence-panel { padding: 24px 16px; }
  .challenge-workbench { grid-template-columns: 1fr; }
  .mutation-list { grid-template-columns: 1fr; }
  .mutation-list button { min-height: 78px; }
  .evidence-grid { grid-template-columns: 1fr; }
  .evidence-grid article { min-height: 140px; }
  .trial-grid { grid-template-columns: 1fr; }
  .trial-card { min-height: 220px; }
  .footer { align-items: flex-start; flex-direction: column; }
  .footer p { text-align: left; }
}

@media (max-width: 430px) {
  .receipt-state { padding-inline: 9px; }
  .receipt-state span:last-child { max-width: 112px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .eyebrow { font-size: 9px; }
  .mission-summary { grid-template-columns: 1fr; }
  .mission-summary > div { grid-template-columns: 96px 1fr; }
  .comparison > div { grid-template-columns: 1fr; gap: 6px; padding: 10px 0; }
  .comparison dd.expected, .comparison dd.observed { display: block; grid-column: 1; }
  .comparison b { grid-column: 1; justify-self: start; }
  .check-groups { grid-template-columns: 1fr; }
  .check-group { border-right: 0; border-bottom: 1px solid var(--line); }
  .check-group:last-child { border-bottom: 0; }
  .verify-command { align-items: stretch; flex-direction: column; }
  .verify-command button { width: 100%; min-height: 40px; border-top: 1px solid var(--line); border-left: 0; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
}