/* fonts.css */
/* Font loading: `optional`, not `swap` — deliberate, and load-bearing.

   Cloudflare RUM over 2026-08-27/28 recorded 68% of CLS samples as poor,
   with the shifted elements all downstream of the masthead. Under `swap`
   the late-arriving webfont re-measures every text block, and blocks that
   sit near a wrap boundary gain or lose a whole line — a ~26px jump on the
   home hero, ~19px on a tool page. Metric-matched fallbacks (below) narrow
   the per-character error to ~0% but cannot stabilise a wrap boundary, and
   measured *worse* than no fix at all on / and on tool pages, because the
   untuned fallback happened to cancel one shift against another.

   `optional` removes the swap instead of trying to survive it: the browser
   takes the webfont if it arrives inside its ~100ms block window and
   otherwise renders that pageview wholly in the fallback, with no later
   substitution. Measured 0.0000 CLS on every page in every condition
   tested. The preload links in _chrome.html.j2 are what make the window
   winnable — without them a font is not even discovered until ~80KB of CSS
   has parsed, and every visit would fall back.

   The trade this accepts, knowingly: on a connection slower than roughly
   100ms of font latency, that pageview renders in Arial Narrow / Arial /
   Menlo. Layout is correct — the fallback metrics below see to that — but
   the type is not ours until the cache is warm. Owner decision, 2026-08-28.
   Do not switch these back to `swap` without re-measuring CLS on / and on
   a tool page at a phone viewport with the fonts delayed. */

@font-face {
  font-family: "Barlow Condensed";
  src: url("fonts/BarlowCondensed-Bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: optional;
}

@font-face {
  font-family: "Public Sans";
  src: url("fonts/PublicSans-Variable.woff2") format("woff2-variations");
  font-style: normal;
  font-weight: 100 900;
  font-display: optional;
}

@font-face {
  font-family: "JetBrains Mono";
  src: url("fonts/JetBrainsMono-Variable.woff2") format("woff2-variations");
  font-style: normal;
  font-weight: 100 800;
  font-display: optional;
}

/* --- Metric-matched fallback faces (CLS remediation) -----------------
   Cloudflare RUM over 2026-08-27/28 recorded 68% of CLS samples as poor,
   with the shifted elements all downstream of the masthead. Cause: the
   three faces above swap in with `font-display: swap` against fallbacks
   whose metrics do not match, so every text block re-measures mid-load.

   Each face below wraps the platform fallback in the webfont's own
   metrics: `size-adjust` matches average advance width (so line breaks
   land in the same place), and the ascent/descent overrides match the
   line box (so block heights do not change). The overrides are given as
   a share of the *adjusted* em, hence each is the webfont's per-em value
   divided by its own size-adjust.

   Values are calibrated empirically, not read off the metric tables:
   representative site copy is rendered in the webfont and in the candidate
   fallback, and size-adjust is solved so total advance matches. Table
   metrics (xAvgCharWidth / hhea) gave a materially wrong answer for Public
   Sans — 99.64% against a true 103.43% — which made body copy reflow more
   than the untuned fallback did. Recompute with the same method if a font
   file is ever re-subset or replaced.

   These are fallbacks only — `local()` with no url() means that when the
   named face is absent (most Linux and Android), the @font-face fails to
   load and the stack falls through to the generic family exactly as it
   did before. Nothing new is downloaded on any platform. */

@font-face {
  /* Barlow Condensed Bold (upem 1000, adv .43362, asc 1.0, desc -.2)
     vs Arial Narrow Bold (upem 2048, adv .49109). */
  font-family: "Barlow Condensed Fallback";
  src: local("Arial Narrow Bold"), local("ArialNarrow-Bold"), local("Arial Narrow");
  font-style: normal;
  font-weight: 700;
  size-adjust: 90.91%;
  ascent-override: 109.99%;
  descent-override: 22.00%;
  line-gap-override: 0%;
}

@font-face {
  /* Public Sans (upem 2000, adv .57222, asc .95, desc -.225)
     vs Arial (upem 2048, adv .57429). */
  font-family: "Public Sans Fallback";
  src: local("Arial"), local("ArialMT"), local("Helvetica Neue");
  font-style: normal;
  font-weight: 100 900;
  size-adjust: 103.43%;
  ascent-override: 91.85%;
  descent-override: 21.75%;
  line-gap-override: 0%;
}

@font-face {
  /* JetBrains Mono (upem 1000, adv .6, asc 1.02, desc -.3)
     vs Menlo (upem 2048, adv .60205). Menlo is the ui-monospace resolution
     on Apple platforms and the metric target here; Consolas (Windows) runs
     narrower at .55em, so its advance match is approximate while the line
     box still lands correctly. */
  font-family: "JetBrains Mono Fallback";
  src: local("Menlo"), local("Menlo-Regular"), local("Consolas");
  font-style: normal;
  font-weight: 100 800;
  size-adjust: 99.66%;
  ascent-override: 102.35%;
  descent-override: 30.10%;
  line-gap-override: 0%;
}

/* tokens.css */
@layer reset, tokens, base, composition, components, states, media;

@layer tokens {
  :root {
    color-scheme: light dark;
    --ground: #F7F5F0;
    --surface: #FFFFFF;
    --furniture: #1B1C1E;
    --ink: #1B1C1E;
    --ink-2: #50555B;
    --ink-on-dark: #ECEDEE;
    --rule: #C9C4B8;
    --rule-2: #E4E0D6;
    --measured: #B5121B;
    --measured-text: #B5121B;
    --measured-ink: #FFFFFF;
    --claims-text: #445867;
    --claims-outline: #445867;
    --data-neutral: #7D796F;
    --caution: #FFB000;
    --caution-ink: #1B1C1E;
    --caution-edge: #8A5A00;
    --link: #0F4C81;
    --focus: #0F4C81;
    --retailer-mark-mat: #FFFFFF;
    --retailer-mark-outline: #777777;
    --space-1: .25rem;
    --space-2: .5rem;
    --space-3: .75rem;
    --space-4: 1rem;
    --space-5: 1.5rem;
    --space-6: 2rem;
    --space-7: 3rem;
    --space-8: 4rem;
    --measure: 72rem;
    --production-measure: 62rem;
    --prose: 68ch;
    --ink-on-dark-2: #C2C5C9;
  }

  @media (prefers-color-scheme: dark) {
    :root {
      --ground: #1B1C1E;
      --surface: #242629;
      --furniture: #131416;
      --ink: #ECEDEE;
      --ink-2: #9BA0A6;
      --ink-on-dark: #ECEDEE;
      --rule: #43474D;
      --rule-2: #2E3136;
      --measured: #DB021D;
      --measured-text: #FF4756;
      --claims-text: #8DA4B1;
      --claims-outline: #8A9097;
      --data-neutral: #6B7178;
      --caution-edge: #FFB000;
      --link: #7CB3FF;
      --focus: #7CB3FF;
    }
  }
}

/* base.css */
@layer reset {
  *, *::before, *::after { box-sizing: border-box; }
  html { font-size: 100%; }
  body, h1, h2, h3, p, dl, dd { margin: 0; }
  img, svg { display: block; max-width: 100%; }
  button, input { font: inherit; }
}

@layer base {
  body {
    min-width: 20rem;
    background: var(--ground);
    color: var(--ink);
    font-family: "Public Sans", "Public Sans Fallback", "Helvetica Neue", Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.5;
    font-synthesis: none;
  }

  a { color: var(--link); text-decoration-thickness: .08em; text-underline-offset: .16em; }
  a:hover { text-decoration-thickness: .14em; }
  :focus-visible { outline: 2px solid var(--ground); box-shadow: 0 0 0 4px var(--focus); }
  code, time, .build-stamp { font-family: "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, SFMono-Regular, Consolas, monospace; }
  code { font-size: .875em; }
  h1, h2, h3 { text-wrap: balance; }
  dt, dd { min-width: 0; }

  .visually-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }

  .skip-link {
    position: absolute;
    z-index: 20;
    inset: -10rem auto auto .5rem;
    background: var(--surface);
    color: var(--ink);
    padding: .75rem 1rem;
    border: 2px solid var(--focus);
  }
  .skip-link:focus { top: .5rem; }
}

@layer composition {
  .site-head, .site-foot {
    align-items: center;
    padding: .75rem clamp(1rem, 4vw, 3rem);
    background: var(--furniture);
    color: var(--ink-on-dark);
  }
  .site-head {
    display: grid;
    grid-template-columns: auto auto minmax(17rem, 1fr);
    justify-content: space-between;
    gap: clamp(1rem, 2.5vw, 2.5rem);
  }
  .site-head__brand-row { display: contents; }
  .site-head__mobile-search { display: none; }
  /* W2a demotion: build stamps and canonical identity are receipts, not
     reading material — smaller, dimmer, still AA on the furniture. */
  .site-head p { font: .8125rem/1.4 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; }
  .site-foot { color: var(--ink-on-dark-2); font: .75rem/1.45 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; }
  .wordmark {
    min-height: 2.75rem;
    display: inline-flex;
    align-items: center;
    color: var(--ink-on-dark);
    font: 700 1.5rem/1 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif;
    letter-spacing: .06em;
    text-decoration: none;
  }
  /* The lockup is a 6.74:1 outline drawing; its cap height replaces the
     former text setting at the same optical size. */
  .wordmark svg { width: auto; height: .95em; color: currentColor; }
  .wordmark svg path { fill: currentColor; }
  .ledger-shell { width: min(100% - 2rem, var(--measure)); margin-inline: auto; padding-block: var(--space-7); }
  .ledger-intro { max-width: var(--production-measure); padding-bottom: var(--space-7); }
  .ledger-intro h1 { font-size: clamp(2.5rem, 5vw, 3.5rem); line-height: .96; letter-spacing: -.025em; margin-block: .3rem 1rem; }
  .ledger-intro > p:not(.kicker):not(.build-stamp) { max-width: 65ch; }
  .kicker, .specimen__label {
    font: 600 .8125rem/1.2 "Public Sans", "Public Sans Fallback", sans-serif;
    letter-spacing: .07em;
    text-transform: uppercase;
  }
  .ledger-folio { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: var(--space-5); border-block: 1px solid var(--rule); }
  .ledger-folio div { padding: .55rem .8rem .65rem 0; border-right: 1px solid var(--rule-2); }
  .ledger-folio div:last-child { border-right: 0; }
  .ledger-folio dt { font: 600 .75rem/1.25 "Public Sans", "Public Sans Fallback", sans-serif; text-transform: uppercase; letter-spacing: .06em; }
  .ledger-folio dd { margin-top: .15rem; color: var(--ink-2); font: .75rem/1.4 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; }
  .ledger-shell > section { margin-block: 0 var(--space-7); }
  .section-head { display: grid; grid-template-columns: minmax(3.65rem, max-content) 1fr; column-gap: .6rem; align-items: baseline; border-top: 2px solid var(--ink); padding-block: .55rem 1rem; }
  .section-head > p { color: var(--ink-2); font: 500 .75rem/1.2 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; letter-spacing: .02em; }
  /* W2a caps diet: the Barlow display register reads as words — caps are
     reserved for the wordmark, the verdict band, and the micro-label
     register (kickers, dt's, column heads), where they label real data. */
  .section-head h2 { font: 700 clamp(1.55rem, 2.8vw, 1.9rem)/1.05 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif; letter-spacing: .01em; }
  .specimen-list { display: grid; gap: var(--space-6); }
  .specimen__label { border-bottom: 1px solid var(--rule); padding-bottom: .4rem; margin-bottom: .5rem; color: var(--ink-2); }
  .production-measure { width: min(100%, var(--production-measure)); }
  .control-grid, .correction-grid { display: grid; grid-template-columns: minmax(0, 2fr) minmax(17rem, 1fr); grid-template-areas: "audit record"; gap: var(--space-5); align-items: start; }
  .correction-grid { grid-template-columns: minmax(0, 3fr) minmax(20rem, 2fr); }
  .control-record { grid-area: record; }
  .specimen--control { grid-area: audit; }
  .alternate-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-5); align-items: start; }
  .site-foot { margin-top: var(--space-7); }
  .site-foot__nav {
    width: min(100%, 72rem);
    margin-inline: auto;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(1.5rem, 5vw, 5rem);
  }
  .site-foot__nav section { display: grid; align-content: start; gap: .45rem; }  /* WCAG 2.2 SC 2.5.8: 17.4px line box + 7.2px gap = 24.6px centre-to-centre.
     The pitch, not the pair — equal-width labels sit on collinear centres. */
  .site-foot__nav h2 {
    margin: 0 0 .25rem;
    color: var(--ink-on-dark);
    font: 700 .75rem/1.2 "Public Sans", "Public Sans Fallback", sans-serif;
    letter-spacing: .08em;
    text-transform: uppercase;
  }
  .site-foot__nav a { width: fit-content; color: var(--ink-on-dark-2); text-decoration: none; }
  .site-foot__nav a:hover { color: var(--ink-on-dark); text-decoration: underline; }
  .site-foot__receipt {
    width: min(100%, 72rem);
    margin: var(--space-5) auto 0;
    padding-top: .65rem;
    border-top: 1px solid color-mix(in srgb, var(--ink-on-dark) 28%, transparent);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: .35rem 1.5rem;
    color: var(--ink-on-dark-2);
    font: .65rem/1.4 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace;
  }
  /* Build ids, canonical URLs, and timestamps are long unbroken mono runs. */
  .site-foot span, .site-foot time { overflow-wrap: anywhere; }
  .aisle-shell { width: min(100% - 1rem, 62rem); margin: .5rem auto 0; }
  .aisle-shell .offer-table-wrap { margin-top: .5rem; }
  .search { position: relative; display: grid; grid-template-columns: minmax(8rem, 20rem) max-content; grid-template-areas: "input button"; justify-content: end; gap: .35rem; }
  .search label { position: absolute; z-index: 1; top: -.48rem; left: .5rem; padding-inline: .25rem; background: var(--furniture); color: var(--ink-on-dark); font: 600 .7rem/1.1 "Public Sans", "Public Sans Fallback", sans-serif; text-transform: uppercase; letter-spacing: .06em; }
  .search input { grid-area: input; }
  .search button { grid-area: button; }
  .search input, .search button { min-height: 2.75rem; border-radius: 0; }
  .search input { min-width: 0; border: 1px solid var(--rule); background: var(--surface); color: var(--ink); padding: .5rem .75rem; }
  .search input::placeholder { color: var(--ink-2); opacity: 1; }
  .search button { border: 1px solid var(--ink-on-dark); background: transparent; color: var(--ink-on-dark); padding-inline: 1rem; font-weight: 600; }
}

@layer composition {
  /* Persistent product navigation. The wordmark remains the home link. */
  .site-nav { display: flex; align-items: center; gap: 1rem; }
  .site-nav a {
    display: inline-flex;
    align-items: center;
    min-height: 2.75rem;
    color: var(--ink-on-dark);
    font: 650 .85rem/1 "Public Sans", "Public Sans Fallback", sans-serif;
    text-decoration: none;
  }
  .site-nav a:hover { text-decoration: underline; text-underline-offset: .2em; }
}

/* components.css */
@layer components {
  .control-record, .correction-register {
    border: 1px solid var(--rule);
    border-top: 4px solid var(--ink);
    background: var(--surface);
  }
  .control-record > header, .correction-register > header {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    padding: .65rem .75rem;
    border-bottom: 1px solid var(--rule);
  }
  .control-record > header p, .correction-register > header p {
    font: 700 1.05rem/1 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif;
    letter-spacing: .05em;
    text-transform: uppercase;
  }
  .control-record > header span, .correction-register > header span {
    color: var(--ink-2);
    font: .72rem/1.3 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace;
    text-align: right;
  }
  .control-record dl, .correction-register dl { padding-inline: .75rem; }
  .control-record dl div, .correction-register dl div {
    padding-block: .55rem;
    border-bottom: 1px solid var(--rule-2);
  }
  .control-record dt, .correction-register dt, .audit dt, .offer-table thead {
    font-size: .75rem;
    line-height: 1.25;
    font-weight: 650;
    letter-spacing: .055em;
    text-transform: uppercase;
  }
  .control-record dd, .correction-register dd {
    margin-top: .16rem;
    font-size: .875rem;
    line-height: 1.4;
    overflow-wrap: anywhere;
  }
  .control-record > p, .correction-register > p {
    padding: .7rem .75rem;
    color: var(--ink-2);
    font: .75rem/1.45 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace;
  }

  .audit {
    container: audit / inline-size;
    border: 1px solid var(--ink);
    background: var(--surface);
  }
  .audit__head, .audit__foot {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: .5rem .75rem;
    background: var(--furniture);
    color: var(--ink-on-dark);
  }
  .audit__head > span {
    font: 700 .92rem/1.1 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif;
    text-transform: uppercase;
    letter-spacing: .065em;
  }
  .audit__head time { font: .75rem/1.35 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; }
  .audit__subject {
    display: grid;
    grid-template-columns: 8.25rem 1fr;
    gap: .16rem 1rem;
    padding: .7rem .75rem .78rem;
    border-bottom: 2px solid var(--ink);
  }
  .audit__model { grid-row: 1 / span 2; font: .78rem/1.5 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; }
  .audit__subject h1, .audit__subject h2, .audit__subject h3, .audit__subject h4 { margin: 0; font-size: 1.125rem; line-height: 1.25; text-wrap: balance; }
  .audit__provenance { color: var(--ink-2); font: .75rem/1.45 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; }
  .audit__body { padding: .75rem; }
  .audit__facts { display: grid; gap: .68rem; }
  .audit__facts > div { display: grid; grid-template-columns: 7.5rem 1fr; gap: .85rem; align-items: baseline; }
  .audit__facts > div + div { border-top: 1px solid var(--rule); padding-top: .68rem; }
  .audit dd { min-width: 0; font-size: .9375rem; line-height: 1.45; }
  .audit__price { font-size: 1.125rem; font-variant-numeric: tabular-nums; }
  .audit__record-line { display: block; font-variant-numeric: tabular-nums; }
  /* W2a docket pass (D-V4): witnessed facts as labeled micro-rows —
     the number leads, the date follows in the mono register, and the
     evidence limit sits demoted beneath in buyer language. */
  .audit__record-row + .audit__record-row { margin-top: .28rem; }
  .audit__record-fact { display: flex; flex-wrap: wrap; align-items: baseline; gap: .1rem .5rem; }
  .audit__record-label { color: var(--ink-2); white-space: nowrap; font: 650 .68rem/1.2 "Public Sans", "Public Sans Fallback", sans-serif; letter-spacing: .04em; text-transform: uppercase; }
  .audit__record-price { font-size: 1rem; font-variant-numeric: tabular-nums; }
  .audit__record-date { white-space: nowrap; color: var(--ink-2); font: .72rem/1.3 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; }
  .audit__record-qualifier { display: block; margin-top: .05rem; color: var(--ink-2); font-size: .72rem; line-height: 1.3; }
  .audit__coverage-line { display: block; }
  .audit__conclusion-copy { max-width: 53ch; font-size: .9375rem; }
  .audit__conclusion .verdict + .audit__conclusion-copy { margin-top: .48rem; }
  /* A retained verdict is shown, never hidden (§2) — and labelled, so the
     band cannot read as a claim about today's price. Same treatment as the
     deal board's .deal-row__retained-verdict. */
  .audit__retained-verdict > span {
    display: block;
    margin-bottom: .28rem;
    color: var(--ink-2);
    font: .68rem/1.35 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace;
    text-transform: uppercase;
  }
  .audit__retained-verdict + .audit__conclusion-copy { margin-top: .48rem; }
  .audit__correction {
    margin-top: .75rem;
    padding: .62rem .7rem;
    border: 1px solid var(--caution-edge);
    color: var(--ink);
    background: color-mix(in srgb, var(--caution) 20%, var(--surface));
    font-size: .875rem;
    line-height: 1.45;
  }
  .audit__coverage {
    margin-top: .75rem;
    padding-top: .65rem;
    border-top: 1px solid var(--rule);
    color: var(--ink-2);
    font: .8125rem/1.5 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace;
  }
  .audit__coverage strong { color: var(--ink); font-family: "Public Sans", "Public Sans Fallback", sans-serif; text-transform: uppercase; letter-spacing: .04em; }
  .audit__foot {
    flex-wrap: wrap;
    align-items: center;
    min-height: 2.75rem;
    background: transparent;
    color: var(--ink-2);
    border-top: 1px solid var(--ink);
    font: .75rem/1.35 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace;
  }
  .audit__foot a { display: inline-flex; align-items: center; min-height: 2.25rem; font-family: "Public Sans", "Public Sans Fallback", sans-serif; font-weight: 650; }
  .audit__canonical b { color: var(--ink); font-family: "Public Sans", "Public Sans Fallback", sans-serif; font-weight: 650; }
  /* Real slugs outrun any phone viewport: the halves must be breakable,
     with the <wbr> between them as the preferred break. */
  .audit__canonical > span { overflow-wrap: anywhere; }

  .verdict {
    display: inline-flex;
    width: fit-content;
    max-width: 100%;
    margin: 0;
    font: 700 1.125rem/1 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif;
    letter-spacing: .025em;
    text-transform: uppercase;
  }
  .verdict__visual { display: inline-flex; align-items: center; }
  .verdict--audit { width: 13rem; min-height: 3.75rem; }
  /* The fixed plate suits the measured band's figure-and-qualifiers grid. A
     sentence band (seen lower, caution) sizes to its words instead, so a date
     never orphans onto a second line; each span stays whole. */
  .verdict--audit:not(.verdict--measured) { width: fit-content; min-width: 13rem; }
  .verdict--audit:not(.verdict--measured) .verdict__visual { flex-wrap: wrap; column-gap: .25em; row-gap: .1em; }
  .verdict--audit:not(.verdict--measured) .verdict__visual > span { white-space: nowrap; }
  .verdict--audit .verdict__visual { width: 100%; padding: .35rem .6rem; }
  .verdict--audit.verdict--measured .verdict__visual {
    display: grid;
    grid-template-columns: minmax(0, auto) 3.6rem;
    grid-template-rows: 1fr 1fr;
    column-gap: .45rem;
    align-items: center;
  }
  .verdict--audit.verdict--measured .verdict__figure {
    grid-column: 1;
    grid-row: 1 / 3;
    font-size: 2.75rem;
    letter-spacing: -.025em;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
  }
  .verdict--audit.verdict--measured .verdict__qualifier:first-child { grid-column: 2; grid-row: 1; align-self: end; }
  .verdict--audit.verdict--measured .verdict__qualifier:last-child { grid-column: 2; grid-row: 2; align-self: start; }
  .verdict--table { min-height: 2rem; padding: .2rem .45rem; font-size: .875rem; line-height: 1.05; }
  .verdict--table .verdict__visual { flex-wrap: wrap; column-gap: .18em; }
  .verdict--measured { background: var(--measured); color: var(--measured-ink); }
  .verdict--claims { color: var(--claims-text); border: 1.5px dashed var(--claims-outline); background: transparent; }
  .verdict--claims .verdict__visual { justify-content: center; }
  .verdict--caution { color: var(--caution-ink); background: var(--caution); border: 1px solid var(--caution-edge); }
  /* v7 (D-V12): the lowest-recorded band — a strong verified claim, so it
     borrows the measured band's solid dress; its grammar (a dated fact,
     never a figure span) is what separates the two sentences. */
  .verdict--lowest-recorded { background: var(--measured); color: var(--measured-ink); }

  .offer-table-wrap { max-width: 100%; }
  /* W2a caps diet: display register reads as words (base.css note). */
  .offer-table__kicker {
    padding: .45rem .5rem;
    border-block: 1px solid var(--ink);
    font: 700 1rem/1.1 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif;
    letter-spacing: .02em;
  }
  .offer-table { width: 100%; border-collapse: collapse; font-size: .9375rem; font-variant-numeric: tabular-nums; }
  .offer-table col:nth-child(1) { width: 24%; }
  .offer-table col:nth-child(2) { width: 16%; }
  .offer-table col:nth-child(3) { width: 30%; }
  .offer-table col:nth-child(4) { width: 30%; }
  .offer-table caption { padding: .5rem; color: var(--ink-2); text-align: left; font-size: .8125rem; line-height: 1.4; }
  .offer-table th, .offer-table td { padding: .65rem .5rem; border-bottom: 1px solid var(--rule-2); text-align: left; vertical-align: middle; }
  .offer-table thead th { border-block: 1px solid var(--rule); }
  .offer-table tbody th { font-weight: 650; }
  .offer-table__price { text-align: right !important; font-weight: 650; white-space: nowrap; }
  .offer-table__price span, .offer-table__price strong { display: block; }
  .offer-table__price span { color: var(--ink-2); font: .72rem/1.3 "Public Sans", "Public Sans Fallback", sans-serif; text-transform: uppercase; letter-spacing: .04em; }
  .offer-table__price strong { color: var(--caution-edge); font: 650 .72rem/1.3 "Public Sans", "Public Sans Fallback", sans-serif; text-transform: uppercase; }
  .offer-table__checked { font: .75rem/1.4 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; }
  .offer-table__checked span { display: block; color: var(--ink-2); font: 650 .72rem/1.25 "Public Sans", "Public Sans Fallback", sans-serif; text-transform: uppercase; letter-spacing: .04em; }
  .offer-table__crown { display: block; margin-top: .15rem; color: var(--ink); font: 650 .72rem/1.35 "Public Sans", "Public Sans Fallback", sans-serif; text-transform: uppercase; letter-spacing: .04em; }
  .offer-table__evidence { display: inline-flex; color: inherit; text-decoration: none; }
  .offer-table__evidence--text { text-decoration: underline; text-underline-offset: .16em; }
  .offer-table__evidence--routed { align-items: flex-start; flex-direction: column; gap: .3rem; }
  .offer-table__evidence--text.offer-table__evidence--routed { text-decoration: none; }
  .offer-table__evidence-label {
    color: var(--ink-2);
    font: 650 .68rem/1.25 "Public Sans", "Public Sans Fallback", sans-serif;
    letter-spacing: .035em;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: .16em;
    text-transform: uppercase;
  }
  .offer-table__record-status { max-width: 34ch; color: var(--ink); font-size: .8rem; font-weight: 650; line-height: 1.35; text-decoration: none; }
  .offer-table__record-context {
    color: var(--ink-2);
    font: .7rem/1.35 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace;
  }
  .offer-table__audit-summary {
    display: grid;
    grid-template-columns: max-content minmax(0, 1fr);
    gap: .65rem 1rem;
    align-items: center;
    padding: .65rem .8rem;
    border-bottom: 1px solid var(--rule);
    background: color-mix(in srgb, var(--paper) 72%, var(--surface));
  }
  .offer-table__audit-summary > p {
    color: var(--ink-2);
    font: 700 .68rem/1.25 "Public Sans", "Public Sans Fallback", sans-serif;
    letter-spacing: .05em;
    text-transform: uppercase;
  }
  .offer-table__audit-summary ul {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .offer-table__audit-summary li {
    display: inline-flex;
    gap: .35rem;
    align-items: baseline;
    padding: .3rem .5rem;
    border: 1px solid var(--rule);
    border-radius: 999px;
    background: var(--surface);
    font-size: .75rem;
    line-height: 1.25;
  }
  .offer-table__audit-summary li strong {
    color: var(--measured-text);
    font: 700 1rem/1 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif;
  }
  .offer-table__shared-observation {
    display: flex;
    flex-wrap: wrap;
    gap: .15rem .5rem;
    padding: .55rem .8rem;
    border-bottom: 1px solid var(--rule);
    color: var(--ink-2);
    font-size: .8125rem;
    line-height: 1.35;
  }
  .offer-table__shared-observation strong {
    color: var(--ink);
    text-transform: uppercase;
    letter-spacing: .035em;
  }
  .offer-table-wrap--shared-observation .offer-table col:nth-child(1) { width: 32%; }
  .offer-table-wrap--shared-observation .offer-table col:nth-child(2) { width: 14%; }
  .offer-table-wrap--shared-observation .offer-table col:nth-child(3) { width: 54%; }
  .offer-table__evidence--compact .offer-table__record-status {
    color: var(--ink);
    font-size: .875rem;
    line-height: 1.35;
  }
  .offer-table__evidence:focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; }
  .offer-table tr[data-crown="true"] th:first-child { box-shadow: inset 3px 0 0 var(--ink); padding-left: .75rem; }
  .offer-table__divider th { padding: .45rem .5rem; background: var(--rule-2); border-block: 1px solid var(--ink); font: 650 .75rem/1.3 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; letter-spacing: .035em; text-transform: uppercase; }
  .offer-table__unranked tr[data-eligibility] { color: var(--ink-2); }
  .offer-table__note td { padding-top: .2rem; color: var(--caution-edge); font-size: .8125rem; }
  .offer-list { display: none; }

  /* The seen-lower companion. D-V3 Leg 1 makes it MANDATORY beside a
     standing measured verdict and says the rider "states both truths ranked
     by decision relevance" — ranked, not equalised. So the band keeps the
     solid plate and the companion reads as what it is: a dated fact from our
     own record that qualifies the verdict, set in the record's monospace to
     match the model line, on the surface's own ground.

     It is deliberately NOT amber. #FFB000 is the caution BAND's dress, and
     D-V3's whole distinction is between a measured verdict carrying a rider
     and no verdict standing at all. Painting the rider in caution livery
     would make a TRUE verdict read as unverified. The register's word is
     "neutral"; the left rule supplies the annotation without the uniform. */
  .verdict-companion {
    display: block;
    margin-block-start: .22rem;
    padding-inline-start: .42rem;
    border-inline-start: 2px solid var(--caution-edge);
    color: var(--ink-2);
    font: 700 .64rem/1.3 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace;
    letter-spacing: .015em;
    font-variant-numeric: tabular-nums;
    text-wrap: balance;
  }
  .correction-register h3 { padding: .75rem .75rem .45rem; font-size: 1.125rem; line-height: 1.2; }
  .correction-register > p { border-top: 1px solid var(--rule); }

  /* One fit for every surface that must seat retailer prose in a fixed
     number of lines. Retailer titles run to 120 characters and more than
     half the record overflows two lines at a legible size, so the cut is
     permanent, not exceptional — the only question is whether the reader
     is told. The clamp is line-aware and ends on an ellipsis, which is the
     mark that says text was dropped; a pixel `max-height` guess cuts
     through the middle of a glyph row and says nothing. The full string
     always stays in the DOM, so screen readers and crawlers keep what the
     eye loses.

     Surfaces set `--fit-lines` and their own type; they never restate the
     clamp. This layer sits under `media`, so a surface that redeclared the
     mechanics here would silently win — and inventing a private clamp per
     surface is the defect this replaces. */
  .fit-lines {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--fit-lines, 2);
  }
}

@layer media {
  @container audit (max-width: 35rem) {
    .audit__head { align-items: start; gap: .4rem; padding-block: .25rem; }
    .audit__head > span { font-size: .84rem; white-space: nowrap; }
    .audit__head time { font-size: .75rem; text-align: right; }
    .audit__subject { grid-template-columns: 1fr; gap: .08rem; padding-block: .5rem .55rem; }
    .audit__subject h1, .audit__subject h2, .audit__subject h3, .audit__subject h4 { font-size: 1rem; line-height: 1.16; }
    .audit__model { grid-row: auto; font-size: .75rem; }
    .audit__provenance { font-size: .75rem; line-height: 1.3; }
    /* v3: the conclusion may carry a third (seen-lower) sentence, and
       real M1 titles wrap to four lines; the aisle gate still owns the
       fold, so the docket returns the height everywhere it lawfully
       can — spacing and leading, never content. W2a extends the shave
       (the durable home for the pathological-title residue). */
    .audit__body { padding-block: .3rem; }
    .audit__facts { gap: .28rem; }
    .audit__facts > div { grid-template-columns: 5.15rem minmax(0, 1fr); gap: .55rem; }
    /* The aisle contract owns the phone docket: no row rules, no extra
       height — the verdict and crown row must finish inside 390x844. */
    .audit__facts > div + div { border-top: 0; padding-top: 0; }
    .audit dt { padding-top: .12rem; font-size: .75rem; }
    .audit dd { font-size: .9375rem; line-height: 1.3; }
    /* Docket-pass rows at phone width: the fact line must fit the
       narrow dd column beside the 5.15rem label — tighter tracking and
       gaps; flex-wrap degrades gracefully for wide prices. */
    .audit__record-row + .audit__record-row { margin-top: .22rem; }
    .audit__record-fact { gap: .06rem .4rem; }
    .audit__record-label { font-size: .66rem; letter-spacing: .02em; }
    .audit__record-price { font-size: .9375rem; }
    .audit__record-date { font-size: .7rem; }
    .audit__record-qualifier { font-size: .7rem; line-height: 1.25; }
    .audit__conclusion-copy { font-size: .9375rem; line-height: 1.26; }
    .audit__coverage { margin-top: .25rem; padding-top: .25rem; font-size: .75rem; line-height: 1.28; }
    .audit__foot { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .05rem .6rem; padding-block: .05rem; font-size: .65rem; }
    .audit__foot a { min-height: 2.75rem; white-space: nowrap; }
    .audit__canonical { grid-column: 2; grid-row: 1; align-self: center; min-width: 0; text-align: right; line-height: 1.2; }
    .audit__serial { grid-column: 1 / -1; grid-row: 2; overflow-wrap: anywhere; line-height: 1.3; }
    .verdict--audit { width: 12rem; min-height: 3.3rem; }
    .verdict--audit:not(.verdict--measured) { width: fit-content; min-width: 12rem; }
    .verdict--audit.verdict--measured .verdict__visual { grid-template-columns: minmax(0, auto) 3.2rem; }
    .verdict--audit.verdict--measured .verdict__figure { font-size: 2.3rem; }
  }

  @media (max-width: 40rem) {
    .site-head {
      grid-template-columns: minmax(0, 1fr);
      align-items: center;
      gap: 0;
      padding: .35rem .5rem 0;
    }
    .site-head > p { display: none; }
    .site-head__brand-row { display: flex; align-items: center; justify-content: space-between; gap: .75rem; }
    .site-head__mobile-search {
      min-width: 4.5rem;
      min-height: 2.75rem;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      color: var(--ink-on-dark);
      font-size: .82rem;
      font-weight: 700;
      text-decoration: none;
    }
    .wordmark { font-size: 1.25rem; }
    .site-nav {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 0;
      border-top: 1px solid color-mix(in srgb, var(--ink-on-dark) 22%, transparent);
    }
    .site-nav a { min-height: 2.75rem; justify-content: center; font-size: .78rem; }
    .site-head .search { display: none; }
    /* The floating label crowds the phone masthead now that the nav
       shares the row; the accessible name stays (visually hidden),
       the placeholder carries the visible hint. */
    .site-head .search label {
      position: absolute !important;
      width: 1px !important;
      height: 1px !important;
      padding: 0 !important;
      margin: -1px !important;
      overflow: hidden !important;
      clip: rect(0, 0, 0, 0) !important;
      white-space: nowrap !important;
      border: 0 !important;
    }
    .ledger-shell { width: min(100% - 1rem, var(--measure)); padding-block: var(--space-6); }
    .ledger-intro { padding-bottom: var(--space-6); }
    .ledger-intro h1 { font-size: 2.4rem; }
    .ledger-folio { grid-template-columns: 1fr 1fr; }
    .ledger-folio div:nth-child(2) { border-right: 0; }
    .ledger-folio div:nth-child(-n+2) { border-bottom: 1px solid var(--rule-2); }
    .section-head { grid-template-columns: minmax(3.2rem, max-content) 1fr; }
    .control-grid, .correction-grid, .alternate-grid { display: grid; grid-template-columns: 1fr; grid-template-areas: none; gap: var(--space-5); }
    .control-record, .specimen--control { grid-area: auto; }
    .control-record { order: -1; }
    .site-foot { padding: 1.2rem 1rem .8rem; }
    .site-foot__nav { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.4rem 1rem; }
    .site-foot__nav section:last-child { grid-column: 1 / -1; }
    .site-foot__receipt { display: grid; gap: .35rem; }
    .search { flex: 1; grid-template-columns: minmax(0, 1fr) auto; }
    .search input { font-size: .875rem; }
    .search button { padding-inline: .75rem; }

    .offer-table--wide { display: none; }
    .offer-list { display: block; }
    .offer-list ol, .offer-list ul { margin: 0; padding: 0; list-style: none; }
    .offer-list li {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      grid-template-areas: "identity price" "verdict time";
      gap: .26rem .75rem;
      padding: .28rem .25rem;
      border-bottom: 1px solid var(--rule);
    }
    .offer-list li[data-crown="true"] { box-shadow: inset 3px 0 0 var(--ink); padding-left: .6rem; }
    .offer-list__identity { grid-area: identity; }
    .offer-list__identity > strong, .offer-list__identity > span { display: block; }
    .offer-list__identity > span { margin-top: .08rem; font-size: .75rem; line-height: 1.3; text-transform: uppercase; letter-spacing: .035em; }
    .offer-list__price { grid-area: price; text-align: right; font-size: 1.05rem; white-space: nowrap; }
    .offer-list__price span { display: block; color: var(--ink-2); font-size: .7rem; line-height: 1.2; text-transform: uppercase; }
    .offer-list__verdict { grid-area: verdict; align-self: start; }
    .offer-list__time { grid-area: time; align-self: center; max-width: 10.5rem; text-align: right; font: .75rem/1.3 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; }
    .offer-list__time span { display: block; color: var(--ink-2); font-family: "Public Sans", "Public Sans Fallback", sans-serif; font-weight: 650; text-transform: uppercase; letter-spacing: .035em; }
    .offer-list__divider { padding: .48rem .25rem; background: var(--rule-2); border-block: 1px solid var(--ink); font: 650 .75rem/1.3 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; letter-spacing: .035em; text-transform: uppercase; }
    .offer-list__unranked li { grid-template-areas: "identity price" "verdict time" "note note"; color: var(--ink-2); }
    .offer-list__unranked .offer-list__identity > span { color: var(--caution-edge); font-weight: 650; }
    .offer-list__note { grid-area: note; color: var(--caution-edge); font-size: .8125rem; line-height: 1.4; }

    .offer-table-wrap--compact-audit .offer-table__audit-summary {
      grid-template-columns: 1fr;
      gap: .4rem;
      padding: .6rem;
    }
    .offer-table-wrap--compact-audit .offer-table__audit-summary ul { gap: .35rem; }
    .offer-table-wrap--compact-audit .offer-table__audit-summary li { padding: .28rem .45rem; }
    .offer-table-wrap--shared-observation .offer-table__shared-observation {
      display: flex;
      flex-wrap: wrap;
      gap: .15rem .45rem;
      padding: .45rem .6rem;
      border-bottom: 1px solid var(--rule);
      color: var(--ink-2);
      font-size: .875rem;
      line-height: 1.35;
    }
    .offer-table__shared-observation strong { color: var(--ink); text-transform: uppercase; letter-spacing: .035em; }
    .offer-table-wrap--compact-audit .offer-list li {
      grid-template-areas: "identity price" "verdict verdict" "actions actions" "note note";
      gap: .28rem .6rem;
      padding: .55rem .6rem .5rem;
    }
    .offer-table-wrap--compact-audit .offer-list__identity .offer-table__identity {
      display: inline-flex;
      align-items: center;
      gap: .5rem;
      max-inline-size: 100%;
      margin-top: 0;
      font-size: 1rem;
      letter-spacing: 0;
      text-transform: none;
    }
    .offer-table-wrap--compact-audit .offer-list__identity .offer-table__name { font-size: 1rem; font-weight: 650; line-height: 1.2; }
    .offer-table-wrap--compact-audit .offer-list__identity > span,
    .offer-table-wrap--compact-audit .offer-list__identity > small { display: block; }
    .offer-list__price-block { grid-area: price; margin: 0; text-align: right; }
    .offer-table-wrap--compact-audit .offer-list__price { display: block; font-size: 1.125rem; font-weight: 700; line-height: 1.2; }
    .offer-list__price-block > span { display: block; color: var(--ink-2); font-size: .66rem; line-height: 1.2; text-transform: uppercase; letter-spacing: .04em; }
    .offer-list__price-block > .offer-table__crown { margin-top: .1rem; }
    .offer-table-wrap--compact-audit .offer-list__verdict { align-self: start; }
    .offer-list__actions { grid-area: actions; display: flex; flex-wrap: wrap; gap: .45rem; margin-top: .05rem; }
    .offer-table-wrap--shared-observation .offer-list__time { display: none; }
  }

  @media (max-width: 23rem) {
    .audit__facts > div { grid-template-columns: 4.75rem minmax(0, 1fr); gap: .45rem; }
    .audit__head { font-size: .75rem; }
    .offer-list__time { max-width: 9rem; }
    .offer-table-wrap--compact-audit .offer-list__time { max-width: none; }
  }
}

/* tool-page.css */
@layer composition {
  .tool-shell {
    width: min(100% - 2rem, var(--production-measure));
    margin-inline: auto;
    padding-block: 1rem var(--space-7);
  }

  .tool-page__route {
    padding-block: .45rem .55rem;
    color: var(--ink-2);
    font: .72rem/1.4 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace;
  }
  .tool-page__route span { color: var(--ink); font-family: "Public Sans", "Public Sans Fallback", sans-serif; font-weight: 700; text-transform: uppercase; letter-spacing: .055em; }
  .tool-page__offers { margin-top: var(--space-5); }
  .tool-page__offers .section-head { padding-bottom: .65rem; }
  .routing-law {
    max-width: var(--prose);
    margin-top: .7rem;
    color: var(--ink-2);
    font-size: .8125rem;
    line-height: 1.5;
  }
  /* W2a space over hairlines: register changes breathe; the two-tier
     rule system carries structure, spacing carries rhythm. */
  .evidence-dossier, .tool-page__identity, .tool-page__credentials { margin-top: var(--space-8); }
  .evidence-dossier__intro, .tool-page__identity > p {
    max-width: var(--prose);
    margin-bottom: var(--space-5);
    color: var(--ink-2);
    line-height: 1.55;
  }
  .ledger-component-note { max-width: var(--prose); margin-bottom: var(--space-5); color: var(--ink-2); line-height: 1.55; }
  .tool-page__foot { flex-wrap: wrap; }

  .retailer-record-shell { width: min(100% - 2rem, 72rem); }
  .retailer-record-intro {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(17rem, 21rem);
    gap: var(--space-5);
    align-items: center;
    padding: var(--space-5);
    border: 1px solid var(--rule);
    border-radius: 8px;
    background: var(--surface);
  }
  .retailer-record-intro__identity {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
    align-items: center;
    min-width: 0;
  }
  .retailer-record-intro--has-mark .retailer-record-intro__identity { grid-template-columns: 7rem minmax(0, 1fr); }
  .retailer-record-intro__mark {
    display: grid;
    place-items: center;
    inline-size: 7rem;
    block-size: 3.75rem;
    box-sizing: border-box;
    padding: .45rem .6rem;
    background: var(--retailer-mark-mat);
    outline: 1px solid var(--retailer-mark-outline);
  }
  .retailer-record-intro__mark img {
    display: block;
    min-inline-size: 0;
    min-block-size: 0;
    inline-size: 100%;
    block-size: 100%;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
  }
  .retailer-record-intro__identity p:first-child {
    color: var(--measured-text);
    font: 700 .75rem/1.3 "Public Sans", "Public Sans Fallback", sans-serif;
    letter-spacing: .07em;
    text-transform: uppercase;
  }
  .retailer-record-intro__identity h1 {
    margin: 0;
    font: 700 clamp(2rem, 4.5vw, 3.25rem)/1 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif;
    letter-spacing: -.015em;
    text-wrap: balance;
  }
  .retailer-record-intro__identity p:last-child { color: var(--ink-2); font: .875rem/1.45 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; overflow-wrap: anywhere; }
  .retailer-record-intro__identity p:last-child strong { color: var(--ink); font-family: "Public Sans", "Public Sans Fallback", sans-serif; }
  .retailer-record-intro__offer { display: grid; gap: .6rem; min-width: 0; }
  .retailer-record-offer {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-areas: "price status" "price time";
    gap: .15rem 1rem;
    align-items: center;
    padding: .65rem .75rem;
    border: 1px solid var(--rule);
    background: var(--ground);
  }
  .retailer-record-offer__price { grid-area: price; padding-right: 1rem; border-right: 1px solid var(--rule); }
  .retailer-record-offer__price > span,
  .retailer-record-offer__time > span {
    display: block;
    color: var(--ink-2);
    font: 650 .68rem/1.25 "Public Sans", "Public Sans Fallback", sans-serif;
    letter-spacing: .04em;
    text-transform: uppercase;
  }
  .retailer-record-offer__price > strong {
    display: block;
    margin-top: .08rem;
    font-size: 1.35rem;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
  }
  .retailer-record-offer__status { grid-area: status; font-size: .875rem; font-weight: 700; line-height: 1.35; }
  .retailer-record-offer__time { grid-area: time; font: .875rem/1.35 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; }
  .retailer-record-result {
    display: grid;
    gap: .35rem;
    padding: .65rem .75rem;
    border-inline-start: 4px solid var(--ink);
    background: var(--ground);
  }
  .retailer-record-result > p:first-child {
    color: var(--ink-2);
    font: 700 .68rem/1.25 "Public Sans", "Public Sans Fallback", sans-serif;
    letter-spacing: .05em;
    text-transform: uppercase;
  }
  .retailer-record-result__fact {
    display: grid;
    gap: .15rem;
    margin: 0;
  }
  .retailer-record-result__fact > span {
    color: var(--ink-2);
    font: 650 .68rem/1.25 "Public Sans", "Public Sans Fallback", sans-serif;
    letter-spacing: .04em;
    text-transform: uppercase;
  }
  .retailer-record-result__fact > strong {
    font-size: .9375rem;
    line-height: 1.3;
  }
  .retailer-record-result__comparison {
    padding-top: .4rem;
    border-top: 1px solid var(--rule);
  }
  .retailer-record-result .verdict { width: fit-content; }
  .retailer-record-result__companion {
    color: var(--ink-2);
    font: 700 .72rem/1.35 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace;
  }
  .retailer-record-result__retained,
  .retailer-record-result__correction { color: var(--ink-2); font-size: .75rem; line-height: 1.4; }
  .retailer-record-actions { display: flex; flex-wrap: wrap; gap: .45rem .8rem; align-items: center; }
  .retailer-record-actions__shop {
    padding: .45rem .7rem;
    border: 1px solid var(--ink);
    color: var(--surface);
    background: var(--ink);
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: .035em;
  }
  .retailer-record-actions__shop:hover,
  .retailer-record-actions__shop:focus-visible { text-decoration: underline; }
  .retailer-record-actions a,
  .retailer-record-return a { min-height: 2.75rem; display: inline-flex; align-items: center; font-weight: 700; }
  .retailer-record-toc {
    position: sticky;
    top: 0;
    z-index: 3;
    display: flex;
    flex-wrap: wrap;
    gap: .2rem 1rem;
    align-items: center;
    margin-top: .75rem;
    padding: .55rem .7rem;
    border-block: 1px solid var(--rule);
    background: color-mix(in srgb, var(--surface) 94%, transparent);
    backdrop-filter: blur(8px);
    font-size: .875rem;
  }
  .retailer-record-toc strong { margin-right: auto; }
  .retailer-record-toc a { min-height: 2.75rem; display: inline-flex; align-items: center; color: var(--ink); text-decoration: none; }
  .retailer-record-toc a:hover { text-decoration: underline; text-underline-offset: .18em; }
  .retailer-record-audit { max-width: 58rem; margin: var(--space-5) auto 0; }
  .retailer-record-evidence { margin-top: var(--space-7); }
  .retailer-record-evidence > .evidence-figure { margin-top: var(--space-4); }
  .evidence-figure__details { margin-top: .75rem; }
  .evidence-figure__details-body { padding-bottom: .35rem; }
  .retailer-record-fold > .depth-instrument,
  .retailer-record-fold > .coverage-manifest { margin-top: .4rem; }
  .retailer-record-return { margin-top: var(--space-7); padding-top: var(--space-4); border-top: 1px solid var(--rule); }
}

@layer components {
  .offer-table__retailer { color: inherit; text-decoration: none; }
  .offer-table__retailer:hover .offer-table__name,
  .offer-table__retailer:focus-visible .offer-table__name { text-decoration: underline; }
  .offer-table__retailer:focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; }
  .offer-table__identity {
    display: inline-flex;
    align-items: center;
    gap: .6rem;
    max-inline-size: 100%;
  }
  .offer-table__name { min-inline-size: 0; overflow-wrap: anywhere; }
  .offer-table__verdict-companion {
    display: block;
    margin-top: .28rem;
    color: var(--ink-2);
    font: 700 .68rem/1.25 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace;
    letter-spacing: .015em;
  }
  /* Compact comparison (D-V4b): one row is identity · price · claim · actions.
     The written name is plain text; the row carries exactly two links, and
     they share the stage's button grammar — filled reaches the retailer,
     outlined opens Wasitever's record. */
  .offer-table__retailer-action,
  .offer-table__evidence--compact,
  .offer-row__open {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .2rem;
    min-height: 44px;
    padding: .5rem .8rem;
    border: 1px solid var(--ink);
    border-radius: 6px;
    font: 750 .8rem/1.2 "Public Sans", "Public Sans Fallback", sans-serif;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
  }
  .offer-table__retailer-action { color: var(--surface); background: var(--ink); }
  .offer-table__evidence--compact, .offer-row__open { color: var(--ink); background: transparent; }
  .offer-table__retailer-action:hover,
  .offer-table__evidence--compact:hover,
  .offer-row__open:hover { text-decoration: underline; text-underline-offset: .18em; }
  .offer-table__retailer-action:focus-visible,
  .offer-row__open:focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; }
  .offer-table__evidence--compact .offer-table__evidence-action {
    color: inherit;
    font: inherit;
    letter-spacing: 0;
    text-decoration: inherit;
    text-transform: none;
  }

  /* Watching is a quiet return path from one exact listing, never a deal
     signal. The border and adjacent contract are the whole treatment: no
     measured red, fill, icon, or urgency language. */
  .exact-watch {
    display: grid;
    grid-template-columns: minmax(8.25rem, 10.75rem) minmax(0, 1fr);
    gap: .45rem .8rem;
    align-items: center;
  }
  .exact-watch__action {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: .5rem .7rem;
    border: 1.5px solid currentColor;
    border-radius: 6px;
    color: var(--ink);
    background: transparent;
    font: 750 .8rem/1.2 "Public Sans", "Public Sans Fallback", sans-serif;
    text-align: center;
    text-decoration: none;
  }
  .exact-watch__action:hover { text-decoration: underline; text-underline-offset: .18em; }
  .exact-watch__action:focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; }
  .exact-watch__contract {
    max-width: 62ch;
    margin: 0;
    color: var(--ink-2);
    font: .7rem/1.45 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace;
  }
  .offer-row__watch { margin-top: .85rem; }

  /* D-V4c: Current offers as folding rows. One DOM serves every viewport:
     the row is the always-visible summary of one exact listing, and its
     second action is a native <details> summary that reveals that listing's
     complete Claim Audit and price record in place. The View offer link is
     a grid sibling of the fold (first in tab order, painted above it), the
     fold spans the row and the panel track beneath it via subgrid, and the
     panel is the details content itself. Closed content has no box, so a
     closed row costs no height. */
  .offer-rows__head,
  .offer-rows__list {
    display: grid;
    grid-template-columns: minmax(0, 9fr) minmax(0, 4fr) minmax(0, 18fr) 7.25rem 8.75rem;
    column-gap: 1rem;
  }
  .offer-rows__list { margin: 0; padding: 0; list-style: none; }
  .offer-rows__head {
    padding: .55rem .5rem .45rem;
    border-bottom: 1px solid var(--ink);
    color: var(--ink-2);
    font: 700 .68rem/1.25 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace;
    letter-spacing: .015em;
    text-transform: uppercase;
  }
  .offer-row {
    position: relative;
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: subgrid;
    align-items: center;
    padding: .5rem .5rem;
    border-bottom: 1px solid var(--rule);
  }
  /* The crown bar paints above the row's content, so an opened record's
     own backgrounds never cover it. */
  .offer-row[data-crown="true"]::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    z-index: 2;
    width: 4px;
    background: var(--measured-text);
    pointer-events: none;
  }
  .offer-table-wrap--rows:not(.offer-table-wrap--tied) .offer-row[data-crown="true"] { background: color-mix(in srgb, var(--measured) 5%, var(--surface)); }
  .offer-row__identity { grid-column: 1; grid-row: 1; min-width: 0; }
  .offer-row__price { grid-column: 2; grid-row: 1; margin: 0; font-weight: 700; }
  .offer-row__claim { grid-column: 3; grid-row: 1; min-width: 0; }
  .offer-row > .offer-table__retailer-action { grid-column: 4; grid-row: 1; position: relative; z-index: 1; justify-self: stretch; }
  .offer-row > .offer-table__evidence--compact { grid-column: 5; grid-row: 1; justify-self: stretch; }
  .offer-row__fold {
    grid-column: 1 / -1;
    grid-row: 1 / span 2;
    display: grid;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
    pointer-events: none;
  }
  .offer-row__open {
    grid-column: 5;
    grid-row: 1;
    align-self: center;
    justify-self: stretch;
    pointer-events: auto;
    list-style: none;
    cursor: pointer;
    user-select: none;
  }
  .offer-row__open::-webkit-details-marker { display: none; }
  .offer-row__chevron::before { content: "▾"; margin-left: .15rem; }
  .offer-row__fold[open] > .offer-row__open .offer-row__chevron::before { content: "▴"; }
  .offer-row__close-label { display: none; }
  .offer-row__fold[open] > .offer-row__open .offer-row__open-label { display: none; }
  .offer-row__fold[open] > .offer-row__open .offer-row__close-label { display: inline; }
  .offer-row__fold::details-content { grid-column: 1 / -1; grid-row: 2; pointer-events: auto; }
  /* Where ::details-content is unsupported the panel is still a direct child
     grid item: place it and restore its pointer events there too. In a
     supporting browser the panel is slotted, so the placement is inert. */
  .offer-row__fold > .offer-row__panel { grid-column: 1 / -1; grid-row: 2; pointer-events: auto; }
  .offer-row__panel {
    margin-top: .6rem;
    padding: .9rem 0 .4rem;
    border-top: 1px solid var(--rule);
  }
  .offer-row__panel .audit { margin-top: 0; }
  .tool-page__offers .offer-row__dossier { width: 100%; margin-top: 1.4rem; margin-inline: 0; }
  .offer-row__dossier > .section-head { padding-block: .5rem .6rem; border-top: 1px solid var(--ink); }
  .offer-row__dossier .section-head > h4 { grid-column: 1; grid-row: 1; margin: 0; font-size: 1.35rem; line-height: 1.1; }
  .offer-row__dossier .evidence-figure { margin-inline: 0; }
  .offer-row__dossier .section-head { margin: 0 0 .5rem; }
  .offer-row__dossier .evidence-dossier__intro { margin: 0 0 .8rem; font-size: .9rem; }
  .offer-row__dossier .tool-fold { margin-top: .45rem; }
  .offer-row__dossier .evidence-figure__details { margin-top: .45rem; }
  .offer-row__return { margin: .6rem 0 0; }
  .offer-row__return > a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    color: var(--ink);
    font: 650 .82rem/1.3 "Public Sans", "Public Sans Fallback", sans-serif;
  }
  /* A fragment landing inside a row keeps that row's summary in view above
     it. `[id]` weighs a class, so `.tool-page [id]` ties `.tool-page .x`;
     the attribute here breaks the tie in this rule's favour. */
  .tool-page .offer-row__panel[id], .tool-page .offer-row__dossier[id], .tool-page .offer-row__panel .tool-anchor { scroll-margin-top: 8.25rem; }
  .offer-rows__divider {
    margin: 0;
    padding: .45rem .5rem;
    background: var(--rule-2);
    border-block: 1px solid var(--ink);
    font: 650 .75rem/1.3 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace;
    letter-spacing: .035em;
    text-transform: uppercase;
  }
  .offer-rows__list--unranked .offer-row { color: var(--ink-2); }
  .offer-row__standing {
    display: block;
    margin-top: .1rem;
    color: var(--caution-edge);
    font: 650 .72rem/1.3 "Public Sans", "Public Sans Fallback", sans-serif;
    letter-spacing: .035em;
    text-transform: uppercase;
  }
  .offer-row__price-label {
    display: block;
    color: var(--ink-2);
    font: 500 .66rem/1.2 "Public Sans", "Public Sans Fallback", sans-serif;
    letter-spacing: .04em;
    text-transform: uppercase;
  }
  .offer-row__note { grid-column: 1 / -1; grid-row: 3; margin: .2rem 0 0; color: var(--caution-edge); font-size: .8125rem; line-height: 1.4; }
  .offer-table__actions {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    align-items: center;
  }
  .offer-table-wrap--compact-audit .offer-table--wide caption {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }
  .offer-table-wrap--compact-audit .offer-table col:nth-child(1) { width: 27%; }
  .offer-table-wrap--compact-audit .offer-table col:nth-child(2) { width: 12%; }
  .offer-table-wrap--compact-audit .offer-table col:nth-child(3) { width: 61%; }
  .offer-table-wrap--compact-audit .offer-table--wide th[scope="row"] .offer-table__identity { margin-block-end: 0; }
  .offer-table-wrap--compact-audit .offer-table__name { font-weight: 650; }
  .offer-table-wrap--compact-audit .offer-table__price-value {
    display: inline;
    color: inherit;
    font: inherit;
    letter-spacing: 0;
    text-transform: none;
  }
  .offer-table-wrap--compact-audit .offer-table__verdict { vertical-align: middle; }
  .offer-table__comparison-cell {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: .5rem 1.25rem;
    min-height: 44px;
  }
  .offer-table__claim-cell { flex: 1 1 18rem; min-width: 0; }
  .offer-table-wrap--compact-audit .offer-table--wide .offer-table__actions { justify-content: flex-end; margin-inline-start: auto; }
  .offer-table__claim { display: inline; }
  .offer-table-wrap--compact-audit .offer-table__record-status { font-size: .9375rem; }
  .offer-table-wrap--compact-audit .offer-table__record-context { font-size: .8125rem; }
  /* The checked instant sits under the figure it witnessed. */
  .offer-table__timing {
    display: block;
    margin-top: .15rem;
    color: var(--ink-2);
    font: 400 .7rem/1.35 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace;
    text-transform: none;
    letter-spacing: 0;
    white-space: nowrap;
  }
  .offer-table-wrap--compact-audit .offer-table__shared-observation {
    gap: .1rem .5rem;
    align-items: baseline;
    padding-block: .5rem;
    font-size: .8125rem;
  }
  .offer-table-wrap--compact-audit .offer-table__shared-observation strong {
    color: var(--ink-2);
    font: 650 .66rem/1.35 "Public Sans", "Public Sans Fallback", sans-serif;
    letter-spacing: .04em;
    text-transform: uppercase;
  }
  .offer-table-wrap--compact-audit .offer-table__shared-observation time {
    font: 400 .75rem/1.35 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace;
  }
  .offer-table__timing > span {
    font: 650 .66rem/1.35 "Public Sans", "Public Sans Fallback", sans-serif;
    letter-spacing: .04em;
    text-transform: uppercase;
  }
  .offer-table-wrap--compact-audit .offer-table__crown {
    margin-top: .1rem;
    margin-inline-start: auto;
    color: var(--ink-2);
    font-size: .62rem;
    line-height: 1.3;
    white-space: normal;
  }
  .offer-table-wrap--compact-audit .offer-table__audit-summary li strong { color: var(--ink); }
  .offer-table__mark {
    display: inline-grid;
    place-items: center;
    flex: 0 0 4rem;
    inline-size: 4rem;
    block-size: 2.25rem;
    box-sizing: border-box;
    padding: .18rem .28rem;
    overflow: hidden;
    background: var(--retailer-mark-mat);
    outline: 1px solid var(--retailer-mark-outline);
  }
  .tool-page__offers .offer-table__mark > img {
    display: block;
    min-inline-size: 0;
    min-block-size: 0;
    inline-size: 100%;
    block-size: 100%;
    width: 100%;
    height: 100%;
    max-inline-size: 100%;
    max-block-size: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
  }
  .offer-table--wide th[scope="row"] .offer-table__identity { margin-block-end: .28rem; }
  .offer-table__scope, .offer-list__identity small {
    display: block;
    margin-top: .12rem;
    color: var(--ink-2);
    font: 400 .7rem/1.35 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace;
    text-transform: none;
    letter-spacing: 0;
  }

  .evidence-figure {
    margin: 0;
    border-top: 4px solid var(--ink);
    border-bottom: 1px solid var(--ink);
  }
  .evidence-figure__head, .depth-instrument > header, .evidence-ledger > header,
  .coverage-manifest > header, .watch-contract {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: baseline;
    padding-block: .7rem;
    border-bottom: 1px solid var(--rule);
  }
  /* W2a caps diet: instrument mastheads join the sentence-case display
     register (base.css note); their eyebrow labels above keep caps. */
  .evidence-figure__head h3, .evidence-figure__head h4,
  .depth-instrument h3, .depth-instrument h4,
  .evidence-ledger h3, .evidence-ledger h4,
  .coverage-manifest h3, .coverage-manifest h4, .watch-contract h2 {
    margin: 0;
    font: 700 1.45rem/1.05 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif;
    letter-spacing: .01em;
    text-wrap: balance;
  }
  .evidence-figure__folio, .depth-instrument header > div > p,
  .evidence-ledger header > div > p, .coverage-manifest header > div > p,
  .watch-contract > div > p {
    margin-bottom: .22rem;
    color: var(--ink-2);
    font: 650 .75rem/1.25 "Public Sans", "Public Sans Fallback", sans-serif;
    letter-spacing: .055em;
    text-transform: uppercase;
  }
  .evidence-figure__head > p, .depth-instrument header > p,
  .evidence-ledger header > p, .coverage-manifest header > p {
    color: var(--ink-2);
    font: .75rem/1.4 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace;
    text-align: right;
  }
  .evidence-figure__plot { container: evidence-plot / inline-size; padding-block: .7rem .15rem; }
  .evidence-figure__variant { display: none; }
  .evidence-figure__variant--356 { display: block; }
  @container evidence-plot (min-width: 31rem) {
    .evidence-figure__variant--356 { display: none; }
    .evidence-figure__variant--600 { display: block; }
  }
  @container evidence-plot (min-width: 47rem) {
    .evidence-figure__variant--600 { display: none; }
    .evidence-figure__variant--880 { display: block; }
  }

  .evidence-key {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem 1.25rem;
    margin: 0;
    /* W2a: space carries this boundary — the plot and figcaption rules
       already frame the figure; a third hairline here was monotony. */
    padding: .65rem 0 .7rem;
    list-style: none;
    color: var(--ink-2);
    font-size: .8125rem;
  }
  .evidence-key > li { display: inline-flex; align-items: center; gap: .42rem; }
  .evidence-key__line { width: 2.2rem; height: 0; border-top: 2px solid var(--measured-text); }
  .evidence-key__line--claimed { border-top: 1.5px dashed var(--claims-text); }
  .evidence-key__gap { width: 1.3rem; height: .75rem; border: 1px dashed var(--data-neutral); }
  .evidence-key__fact { width: .7rem; height: .7rem; border: 1.5px solid var(--data-neutral); border-radius: 50%; }

  .evidence-annotation {
    display: grid;
    grid-template-columns: 2rem minmax(0, 1fr);
    max-width: 47rem;
    margin-block: .6rem;
    border-left: 3px solid var(--ink);
  }
  .evidence-annotation > span { display: grid; place-items: center; min-height: 2.2rem; color: var(--claims-text); font: 700 1rem/1 "JetBrains Mono", "JetBrains Mono Fallback", monospace; }
  .evidence-annotation p { padding: .35rem .75rem .35rem 0; }
  .evidence-figure figcaption { padding-block: .65rem; border-top: 1px solid var(--rule-2); color: var(--ink-2); font-size: .8125rem; line-height: 1.45; }

  .depth-instrument { margin-top: var(--space-6); border-top: 4px solid var(--ink); border-bottom: 1px solid var(--ink); }
  .depth-instrument__plot { position: relative; padding-top: 1.5rem; }
  .distribution-plot { width: 100%; height: 7rem; }
  .distribution-plot__baseline { stroke: var(--rule); stroke-width: 1; vector-effect: non-scaling-stroke; }
  .distribution-plot__bar { fill: var(--data-neutral); }
  .distribution-plot__today { stroke: var(--measured-text); stroke-width: 2; vector-effect: non-scaling-stroke; }
  .depth-instrument__today {
    position: absolute;
    top: .3rem;
    left: clamp(3.8rem, var(--today-position), calc(100% - 3.8rem));
    transform: translateX(-50%);
    color: var(--measured-text);
    font: 700 .75rem/1 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace;
    text-transform: uppercase;
    white-space: nowrap;
  }
  .depth-instrument__axis { display: flex; justify-content: space-between; margin-top: -.2rem; color: var(--ink-2); font: .75rem/1.2 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; }
  .depth-instrument__sentence { margin-top: .7rem; font-size: 1.0625rem; font-weight: 650; }
  .depth-instrument__support { margin-top: .18rem; color: var(--ink-2); font: .8125rem/1.45 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; }
  .depth-instrument__bins { display: flex; flex-wrap: wrap; gap: .35rem 1rem; margin: .65rem 0 0; padding: .55rem 0 .7rem; list-style: none; color: var(--ink-2); font: .75rem/1.3 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; }
  .depth-instrument__bins [data-current="true"] { color: var(--measured-text); font-weight: 700; }

  .evidence-ledger { margin-top: var(--space-6); border-top: 4px solid var(--ink); }
  .evidence-ledger table, .coverage-manifest table { width: 100%; border-collapse: collapse; }
  .evidence-ledger caption, .coverage-manifest caption { padding: .55rem 0; color: var(--ink-2); text-align: left; font-size: .8125rem; line-height: 1.45; }
  .evidence-ledger th, .evidence-ledger td, .coverage-manifest th, .coverage-manifest td { padding: .6rem .5rem; border-bottom: 1px solid var(--rule-2); text-align: left; vertical-align: top; }
  .evidence-ledger thead, .coverage-manifest thead { font-size: .75rem; letter-spacing: .045em; text-transform: uppercase; }
  .evidence-ledger tbody th { width: 9.5rem; font: 500 .75rem/1.45 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; }
  .evidence-ledger tbody td { font-size: .8125rem; line-height: 1.45; }
  .evidence-ledger tbody td:nth-child(3), .evidence-ledger tbody td:nth-child(4) { white-space: nowrap; font-variant-numeric: tabular-nums; }
  .evidence-ledger tr[data-row-kind="gap"] > * { border-block: 1px dashed var(--data-neutral); color: var(--ink-2); }
  .evidence-ledger tr[data-row-kind="durable-fact"] > * { color: var(--ink-2); }
  .evidence-receipt summary { cursor: pointer; color: var(--ink); font: 650 .72rem/1.4 "Public Sans", "Public Sans Fallback", sans-serif; }
  .evidence-receipt summary::marker { color: var(--data-neutral); }
  .evidence-receipt p { margin-top: .22rem; color: var(--ink-2); font: .72rem/1.42 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; overflow-wrap: anywhere; }
  .evidence-receipt code { font: inherit; }
  .evidence-receipt__print { display: none; }

  .variant-family { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; padding: 0; border-block: 1px solid var(--ink); list-style: none; }
  .variant-family li { min-width: 0; border-right: 1px solid var(--rule); }
  .variant-family li:last-child { border-right: 0; }
  .variant-family a { display: grid; min-height: 6.5rem; padding: .75rem; color: var(--ink); text-decoration: none; align-content: start; }
  /* W2b delta-first: the model number and composition lead; the shared
     long title recedes to the receipts register. */
  .variant-family__model { font: 700 .9375rem/1.25 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; }
  .variant-family__comp { margin-top: .15rem; color: var(--ink-2); font: 650 .72rem/1.3 "Public Sans", "Public Sans Fallback", sans-serif; letter-spacing: .03em; text-transform: uppercase; }
  .variant-family__title { margin-top: .5rem; color: var(--ink-2); font-size: .78rem; line-height: 1.35; }
  .variant-family [data-current="true"] { box-shadow: inset 0 4px 0 var(--ink); }
  .variant-family [aria-current="page"] { cursor: default; }

  .coverage-manifest { border-top: 4px solid var(--ink); border-bottom: 1px solid var(--ink); }
  .coverage-manifest__facts { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); border-bottom: 1px solid var(--rule); }
  .coverage-manifest__facts > div { padding: .65rem .6rem; border-right: 1px solid var(--rule-2); }
  .coverage-manifest__facts > div:last-child { border-right: 0; }
  .coverage-manifest__facts dt { font-size: .72rem; font-weight: 650; letter-spacing: .04em; text-transform: uppercase; }
  .coverage-manifest__facts dd { margin-top: .2rem; color: var(--ink-2); font: .75rem/1.45 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; overflow-wrap: anywhere; }
  .coverage-manifest tbody th { width: 6rem; }
  .coverage-manifest__gaps { padding-block: .65rem; border-top: 1px solid var(--rule); }
  .coverage-manifest__gaps > p { font-size: .75rem; font-weight: 650; letter-spacing: .04em; text-transform: uppercase; }
  .coverage-manifest__gaps ul { margin: .45rem 0 0; padding: 0; list-style: none; }
  .coverage-manifest__gaps li { display: grid; grid-template-columns: minmax(16rem, 1fr) 2fr; gap: 1rem; padding-block: .4rem; border-top: 1px solid var(--rule-2); color: var(--ink-2); font-size: .8125rem; }
  .coverage-manifest__gaps li span { color: var(--ink); font: .75rem/1.4 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; }

  .watch-contract { margin-top: var(--space-7); border-block: 4px solid var(--ink); }
  .watch-contract > p { max-width: 44rem; color: var(--ink-2); font-size: .875rem; }
}

@layer media {
  @media (max-width: 40rem) {
    .retailer-record-intro {
      grid-template-columns: minmax(0, 1fr);
      align-items: start;
      gap: .25rem;
      padding: .75rem;
    }
    .retailer-record-intro > * { grid-column: 1; }
    .retailer-record-intro--has-mark .retailer-record-intro__identity { grid-template-columns: 5.25rem minmax(0, 1fr); gap: .75rem; }
    .retailer-record-intro__mark { inline-size: 5.25rem; block-size: 3rem; padding: .3rem .4rem; }
    .retailer-record-intro h1 { font-size: 2rem; line-height: 1.02; }
    .retailer-record-actions { display: grid; grid-template-columns: auto minmax(0, 1fr); }
    .retailer-record-actions a { justify-content: center; text-align: center; }
    .retailer-record-toc { gap: 0; justify-content: space-between; margin: .5rem -.5rem 0; padding: .25rem .5rem; font-size: .875rem; }
    .retailer-record-toc strong { flex-basis: 100%; min-height: 1.75rem; display: flex; align-items: center; color: var(--ink-2); font-size: .75rem; text-transform: uppercase; letter-spacing: .04em; }
    .retailer-record-toc a { min-height: 2.75rem; padding-inline: .25rem; }
    .retailer-record-audit { margin-top: .75rem; }
    .retailer-record-page .audit__facts > div { grid-template-columns: 4rem minmax(0, 1fr); }
    .aisle-page .offer-list__identity small { display: none; }
    .tool-shell { width: min(100% - 1rem, var(--production-measure)); padding-top: .45rem; }
    .tool-page__route { display: none; }
    .tool-page__offers { margin-top: .25rem; }
    .tool-page__offers .offer-table__kicker { display: none; }
    .tool-page__offers .offer-table__kicker--grouped {
      display: block;
      padding: .45rem .65rem;
      border-bottom: 1px solid var(--rule);
    }
    .offer-list .offer-table__name > [aria-hidden="true"] { display: none; }
    .tool-page__offers .section-head { margin: 0; padding-block: .65rem .5rem; }
    .tool-page__offers .section-head > p { display: none; }
    .routing-law { margin-top: .45rem; font-size: .75rem; }
    .evidence-dossier, .tool-page__identity, .tool-page__credentials { margin-top: 2.5rem; }
    .evidence-dossier__intro, .tool-page__identity > p { margin-bottom: 1rem; font-size: .875rem; }
    .evidence-figure { margin-inline: .25rem; }
    .evidence-figure__head, .depth-instrument > header, .evidence-ledger > header,
    .coverage-manifest > header, .watch-contract { align-items: start; }
    .evidence-figure__head h3, .evidence-figure__head h4,
    .depth-instrument h3, .depth-instrument h4,
    .evidence-ledger h3, .evidence-ledger h4,
    .coverage-manifest h3, .coverage-manifest h4,
    .watch-contract h2 { font-size: 1.25rem; }
    .evidence-figure__head > p, .depth-instrument header > p,
    .evidence-ledger header > p, .coverage-manifest header > p { max-width: 9rem; font-size: .68rem; }
    .evidence-figure__plot { padding-top: .4rem; }
    .evidence-key { display: grid; grid-template-columns: 1fr 1fr; gap: .38rem .7rem; font-size: .75rem; }
    .evidence-annotation { grid-template-columns: 1.75rem 1fr; margin-block: .4rem; }
    .evidence-annotation p { font-size: .875rem; }
    .depth-instrument { margin-top: 1.5rem; }
    .distribution-plot { height: 5.6rem; }
    .depth-instrument__sentence { font-size: .9375rem; }
    .depth-instrument__support { font-size: .75rem; }
    .depth-instrument__bins { gap: .3rem .75rem; font-size: .7rem; }
    .evidence-ledger { margin-top: 1.5rem; }
    .evidence-ledger thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
    .evidence-ledger tbody, .evidence-ledger tr { display: block; }
    .evidence-ledger tr {
      display: grid;
      grid-template-columns: 4.75rem minmax(0, 1fr);
      gap: .18rem .7rem;
      padding-block: .65rem;
      border-bottom: 1px solid var(--rule);
    }
    .evidence-ledger th, .evidence-ledger td { border: 0; padding: 0; }
    .evidence-ledger tbody th { grid-row: 1 / span 5; width: auto; padding-right: .55rem; border-right: 1px solid var(--rule); }
    .evidence-ledger tbody td { font-size: .8125rem; }
    .evidence-ledger tbody td::before { content: attr(data-label); display: inline; margin-right: .35rem; color: var(--ink-2); font-size: .68rem; font-weight: 650; letter-spacing: .04em; text-transform: uppercase; }
    .evidence-ledger tbody td:nth-child(2)::before,
    .evidence-ledger tbody td:nth-child(5)::before { display: none; }
    .evidence-ledger tbody td:nth-child(5) { margin-top: .1rem; color: var(--ink-2); font: .72rem/1.42 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; }
    .evidence-ledger tbody td:nth-child(3), .evidence-ledger tbody td:nth-child(4) { white-space: normal; }
    .evidence-ledger tr[data-row-kind="gap"] { border-block: 1px dashed var(--data-neutral); }
    .evidence-ledger tr[data-row-kind="gap"] > * { border-block: 0; }
    .variant-family { grid-template-columns: 1fr; }
    .variant-family li { border-right: 0; border-bottom: 1px solid var(--rule); }
    .variant-family li:last-child { border-bottom: 0; }
    .variant-family a { min-height: 5.4rem; }
    .coverage-manifest__facts { grid-template-columns: 1fr 1fr; }
    .coverage-manifest__facts > div { border-bottom: 1px solid var(--rule-2); }
    .coverage-manifest__facts > div:nth-child(2n) { border-right: 0; }
    .coverage-manifest__facts > div:last-child { grid-column: 1 / -1; }
    .coverage-manifest table { font-size: .8125rem; }
    .coverage-manifest__gaps li { grid-template-columns: 1fr; gap: .2rem; }
    .watch-contract { display: block; }
    .watch-contract > p { margin-top: .55rem; }
  }

  @media print {
    .tool-page__masthead, .watch-contract, .tool-page__route { display: none; }
    .tool-shell { width: 100%; padding: 0; }
    .evidence-figure__variant { display: none !important; }
    .evidence-figure__variant--880 { display: block !important; }
    .evidence-ledger tr, .coverage-manifest, .depth-instrument { break-inside: avoid; }
    .evidence-receipt { display: none; }
    .evidence-receipt__print { display: block; }
    .evidence-receipt__print p { margin-top: .15rem; font: .7rem/1.35 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; overflow-wrap: anywhere; }
    .tool-page__foot { display: block; background: #fff; color: #000; border-top: 2pt solid #000; }
    .tool-page__foot .site-foot__nav { display: none; }
    .tool-page__foot .site-foot__receipt { display: flex; color: #000; border-color: #000; }
  }
}

@layer states {
  @media (forced-colors: active) {
    .distribution-plot__bar, .distribution-plot__baseline { fill: CanvasText; stroke: CanvasText; }
    .distribution-plot__today { stroke: Highlight; stroke-width: 3; }
    .evidence-key__line, .evidence-key__gap, .evidence-key__fact { border-color: CanvasText; }
    .evidence-key__line--claimed { border-style: dashed; }
  }
}

/* Product-led tool page, 2026-08-29. The stage is the one deliberate visual
   exception; the evidence instruments below retain their established dress. */
@layer composition {
  .tool-page {
    --tool-stage: #11171d;
    --tool-stage-2: #18212a;
    --tool-stage-ink: #f5f1e8;
    --tool-stage-muted: #b9c2ca;
    --tool-stage-rule: #34414c;
  }
  .tool-shell { width: min(100% - 2rem, var(--measure)); padding-top: .55rem; }
  .tool-page__route {
    min-height: 2.75rem;
    display: flex;
    align-items: center;
    gap: .45rem;
    padding: 0;
    font-size: .68rem;
  }
  .tool-page__route a { color: var(--ink-2); text-decoration: none; }
  .tool-page__route a:hover { color: var(--ink); text-decoration: underline; text-underline-offset: .18em; }
  .tool-page__route [aria-current="page"] { color: var(--ink); }
  .tool-page__offers, .tool-page__listings, .evidence-dossier,
  .tool-fold { scroll-margin-top: 3.75rem; }
  .tool-page__offers { margin-top: clamp(.7rem, 1.25vw, 1.25rem); }
  .tool-page__listings { margin-top: var(--space-7); }
  .tool-page__offers > .section-head,
  .tool-page__listings > .section-head,
  .evidence-dossier > .section-head,
  .tool-page__identity .section-head,
  .tool-page__credentials .section-head {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: .5rem 2rem;
    padding-block: .75rem 1rem;
    border-top: 2px solid var(--ink);
  }
  .tool-page .section-head > p {
    grid-column: 2;
    grid-row: 1;
    max-width: 28rem;
    color: var(--ink-2);
    text-align: right;
    font: 650 .68rem/1.35 "Public Sans", "Public Sans Fallback", sans-serif;
    letter-spacing: .045em;
    text-transform: uppercase;
  }
  .tool-page .section-head > h2 { grid-column: 1; grid-row: 1; font-size: clamp(2rem, 4vw, 3.25rem); }
  .evidence-dossier, .tool-page__identity, .tool-page__credentials { width: min(100%, var(--production-measure)); margin-inline: auto; }
  .tool-anchor { display: block; position: relative; top: -3.6rem; }
}

@layer components {
  .tool-stage {
    display: grid;
    grid-template-columns: minmax(13.5rem, .58fr) minmax(0, 1.42fr);
    grid-template-areas:
      "image identity"
      "audit audit"
      "correction correction"
      "actions actions"
      "credentials credentials";
    overflow: hidden;
    border: 1px solid #27323b;
    border-radius: 8px;
    color: var(--tool-stage-ink);
    background: var(--tool-stage);
    box-shadow: 0 8px 22px rgb(0 0 0 / .12);
  }
  .tool-stage__image {
    grid-area: image;
    min-height: 11rem;
    display: grid;
    place-items: center;
    padding: clamp(.75rem, 1.6vw, 1rem);
    border-right: 1px solid var(--tool-stage-rule);
    background: #f7f6f2;
  }
  .tool-stage__image picture { width: 100%; display: grid; place-items: center; }
  .tool-stage__image img { width: min(100%, 13rem); height: auto; display: block; object-fit: contain; }
  .tool-stage__image-fallback { display: grid; place-items: center; gap: .45rem; color: #606870; text-align: center; }
  .tool-stage__image-fallback span,
  .tool-stage__image-fallback small { font: .68rem/1.35 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; text-transform: uppercase; }
  .tool-stage__image-fallback strong { color: #252a2f; font: 700 2.4rem/.95 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif; text-transform: uppercase; }
  .tool-stage__identity {
    grid-area: identity;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: clamp(1rem, 2vw, 1.6rem);
  }
  .tool-stage__eyebrow { color: var(--tool-stage-ink); font: 700 .75rem/1.25 "Public Sans", "Public Sans Fallback", sans-serif; }
  .tool-stage__model { margin-top: .32rem; color: var(--tool-stage-muted); font: .75rem/1.35 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; }
  .tool-stage__identity h1 { max-width: 34ch; margin-top: .28rem; color: var(--tool-stage-ink); font-size: clamp(1.85rem, 2.8vw, 2.5rem); line-height: 1; letter-spacing: -.02em; }
  .tool-stage__composition { margin-top: .55rem; color: var(--tool-stage-muted); font-size: .8rem; line-height: 1.4; }
  .tool-stage__composition > span { display: block; margin-top: .2rem; color: var(--tool-stage-ink); font: .72rem/1.4 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; }
  .tool-stage__audit-flow {
    grid-area: audit;
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(16rem, .85fr);
    border-top: 1px solid var(--tool-stage-rule);
  }
  .tool-stage__audit-flow > section { min-width: 0; padding: .85rem clamp(1.25rem, 2.6vw, 2rem); border-bottom: 1px solid var(--tool-stage-rule); }
  .tool-stage__audit-flow > section > h2 { margin-bottom: .38rem; color: var(--tool-stage-muted); font: 700 .75rem/1.25 "Public Sans", "Public Sans Fallback", sans-serif; }
  .tool-stage__claim { border-right: 1px solid var(--tool-stage-rule); }
  .tool-stage__record { min-width: 0; }
  .tool-stage__conclusion { grid-column: 1 / -1; background: var(--tool-stage-2); }
  .tool-stage__conclusion--verdict > div { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .45rem 1rem; align-items: start; }
  .tool-stage__conclusion--verdict .tool-stage__retained { grid-column: 1 / -1; }
  .tool-stage__price-line { display: flex; flex-wrap: wrap; gap: .25rem 1rem; align-items: end; }
  .tool-stage__price { color: var(--tool-stage-ink); font: 700 clamp(3.25rem, 4.6vw, 3.75rem)/.84 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif; letter-spacing: -.03em; font-variant-numeric: tabular-nums; }
  .tool-stage__price-line p { padding-bottom: .18rem; color: var(--tool-stage-muted); font-size: .8rem; }
  .tool-stage__offer-state { margin-top: .38rem; color: var(--tool-stage-muted); font: .72rem/1.45 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; }
  .tool-stage__offer-state strong { color: var(--tool-stage-ink); font-family: "Public Sans", "Public Sans Fallback", sans-serif; }
  .tool-stage__record dl { display: grid; gap: .45rem; }
  .tool-stage__record dl > div { display: grid; grid-template-columns: 1fr auto; gap: .2rem .75rem; align-items: baseline; }
  .tool-stage__record dt { color: var(--tool-stage-muted); font-size: .7rem; line-height: 1.3; }
  .tool-stage__record dd { text-align: right; }
  .tool-stage__record dd strong { display: inline; color: var(--tool-stage-ink); font: 700 1.35rem/1 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif; font-variant-numeric: tabular-nums; }
  .tool-stage__record dd time { display: block; color: var(--tool-stage-muted); font: .65rem/1.35 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; }
  .tool-stage__record dd small { grid-column: 1 / -1; display: block; color: var(--tool-stage-muted); font-size: .68rem; }
  .tool-stage__record > p { color: var(--tool-stage-muted); font-size: .82rem; line-height: 1.45; }
  .tool-stage__conclusion > div > p:last-child { color: var(--tool-stage-ink); font-size: clamp(1rem, 1.35vw, 1.15rem); font-weight: 650; line-height: 1.45; }
  .tool-stage__conclusion .verdict--audit { min-height: 3.25rem; width: 11rem; }
  .tool-stage__conclusion .verdict--audit:not(.verdict--measured) { width: fit-content; min-width: 11rem; }
  .tool-stage__conclusion .verdict--audit.verdict--measured .verdict__figure { font-size: 2.35rem; }
  .tool-stage__retained { margin-bottom: .1rem !important; color: var(--tool-stage-muted) !important; font: .68rem/1.4 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace !important; }
  .tool-stage__coverage { grid-column: 1 / -1; padding: .62rem clamp(1.25rem, 2.6vw, 2rem); color: var(--tool-stage-muted); font: .75rem/1.45 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; }
  .tool-stage__coverage strong { color: var(--tool-stage-ink); font-family: "Public Sans", "Public Sans Fallback", sans-serif; }
  .tool-stage__correction { grid-area: correction; margin: .75rem clamp(1.25rem, 2.6vw, 2rem) 0; padding: .65rem .75rem; border: 1px solid var(--caution); color: var(--tool-stage-ink); font-size: .75rem; line-height: 1.45; }
  .tool-stage__correction a { color: var(--tool-stage-ink); }
  .tool-stage__actions { grid-area: actions; display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, .8fr) minmax(0, 1fr) minmax(0, 1.6fr); gap: .55rem; padding: .35rem clamp(1.25rem, 2.6vw, 2rem); border-top: 1px solid var(--tool-stage-rule); }
  .tool-stage__actions--record { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .tool-stage__actions a { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; padding: .55rem .8rem; border-radius: 6px; font-size: .8rem; font-weight: 750; text-align: center; text-decoration: none; }
  .tool-stage__retailer-action, .tool-stage__compare-action { min-width: 0; border: 1px solid var(--tool-stage-ink); color: var(--tool-stage); background: var(--tool-stage-ink); }
  .tool-stage__evidence-action { min-width: 0; border: 1px solid var(--tool-stage-rule); color: var(--tool-stage-ink); background: transparent; }
  .tool-stage__actions a:hover { text-decoration: underline; text-underline-offset: .18em; }
  .tool-stage__actions a > span[aria-hidden="true"] { margin-inline-start: .18rem; }
  .tool-stage__actions a:focus-visible { outline: 3px solid #7cb3ff; outline-offset: 3px; }
  .tool-stage__watch { display: contents; }
  .tool-stage__watch .exact-watch__action { border-color: currentColor; color: var(--tool-stage-ink); background: transparent; }
  .tool-stage__watch .exact-watch__contract { color: var(--tool-stage-muted); }
  .tool-stage__credentials { grid-area: credentials; min-height: 44px; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .5rem 2rem; align-items: center; padding: .25rem clamp(1.25rem, 2.6vw, 2rem); border-top: 1px solid var(--tool-stage-rule); color: var(--tool-stage-muted); background: var(--tool-stage-2); font: .62rem/1.4 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; }
  .tool-stage__credentials strong { color: var(--tool-stage-ink); font-family: "Public Sans", "Public Sans Fallback", sans-serif; text-transform: uppercase; }
  .tool-stage__credentials > p:first-child { min-width: 0; overflow-wrap: anywhere; }
  .tool-stage__credentials > p:last-child { justify-self: end; text-align: right; }
  .tool-stage__credentials a { display: inline-flex; align-items: center; min-height: 44px; color: var(--tool-stage-ink); font-family: "Public Sans", "Public Sans Fallback", sans-serif; font-weight: 700; }

  .tool-page__offers .offer-table-wrap { overflow: hidden; border: 1px solid var(--rule); border-radius: 8px; background: var(--surface); }
  .tool-page__offers .offer-table__kicker { padding: .7rem .8rem; border-top: 0; }
  .tool-page__offers .offer-table caption { padding-inline: .8rem; }
  .tool-page__offers .offer-table th,
  .tool-page__offers .offer-table td { padding: .8rem; }
  .tool-page__offers .offer-table-wrap:not(.offer-table-wrap--tied) .offer-table tr[data-crown="true"] { background: color-mix(in srgb, var(--measured) 5%, var(--surface)); }
  .tool-page__offers .offer-table tr[data-crown="true"] th:first-child { box-shadow: inset 4px 0 0 var(--measured-text); }
  .tool-page__listings-intro { max-width: 62ch; color: var(--ink-2); line-height: 1.55; }
  .tool-page__listing {
    margin-top: .85rem;
    overflow: hidden;
    border: 1px solid var(--rule);
    border-top: 3px solid var(--ink);
    background: var(--surface);
  }

  .verdict-rail { display: grid; grid-template-columns: auto auto minmax(0, 1fr); align-items: center; gap: .35rem .7rem; }
  .verdict-rail__price { font: 700 1.15rem/1 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif; font-variant-numeric: tabular-nums; }
}

@layer media {
  @media (max-width: 48rem) {
    .tool-stage { grid-template-columns: minmax(12rem, .62fr) minmax(0, 1.38fr); }
    .tool-stage__image { min-height: 11rem; padding: .8rem; }
    .tool-stage__image img { width: min(100%, 12rem); }
    .tool-stage__identity { padding: 1rem; }
    .tool-stage__audit-flow { grid-template-columns: minmax(0, 1fr) minmax(15rem, 1fr); }
  }
  @media (max-width: 40rem) {
    .tool-shell { width: min(100% - 1rem, var(--measure)); padding-top: .25rem; }
    .tool-page__route { min-height: 2.25rem; font-size: .61rem; }
    .tool-page__offers { margin-top: 1rem; }
    .tool-stage {
      grid-template-columns: clamp(8rem, 40vw, 10rem) minmax(0, 1fr);
      grid-template-areas:
        "image identity"
        "audit audit"
        "correction correction"
        "actions actions"
        "credentials credentials";
    }
    .tool-stage__image { min-height: 0; max-height: none; padding: .4rem; border-right: 1px solid var(--tool-stage-rule); border-bottom: 0; }
    .tool-stage__image img { width: min(100%, 9rem); }
    .tool-stage__image-fallback { min-height: 7.5rem; gap: .25rem; }
    .tool-stage__image-fallback strong { font-size: 1.25rem; }
    .tool-stage__identity { justify-content: center; padding: .55rem .85rem .6rem; }
    .tool-stage__eyebrow { font-size: .7rem; }
    .tool-stage__model { margin-top: .25rem; font-size: .68rem; }
    .tool-stage__identity h1 { max-width: none; margin-top: .14rem; font-size: 1.19rem; line-height: 1.02; }
    .tool-stage__composition { margin-top: .3rem; font-size: .72rem; }
    .tool-stage__composition > span { font-size: .65rem; }
    .tool-stage__audit-flow { grid-template-columns: minmax(0, 1fr); }
    .tool-stage__audit-flow > section { grid-column: 1; padding: .44rem .85rem; }
    .tool-stage__audit-flow > section > h2 { margin-bottom: .22rem; font-size: .7rem; }
    .tool-stage__claim { border-right: 0; }
    .tool-stage__price { font-size: 2.75rem; }
    .tool-stage__price-line p { font-size: .72rem; }
    .tool-stage__offer-state { margin-top: .25rem; font-size: .68rem; }
    .tool-stage__record dl { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .4rem .75rem; }
    .tool-stage__record dl > div { display: block; }
    .tool-stage__record dt { font-size: .66rem; }
    .tool-stage__record dd { margin-top: .12rem; text-align: left; }
    .tool-stage__record dd strong { font-size: 1.2rem; }
    .tool-stage__record dd time, .tool-stage__record dd small { font-size: .65rem; }
    .tool-stage__conclusion--verdict > div { grid-template-columns: minmax(0, 1fr); gap: .5rem; }
    .tool-stage__conclusion .verdict--audit { width: 8.15rem; min-height: 2.55rem; }
    .tool-stage__conclusion .verdict--audit:not(.verdict--measured) { width: fit-content; min-width: 8.15rem; }
    .tool-stage__conclusion .verdict--audit.verdict--measured .verdict__visual { grid-template-columns: minmax(0, auto) 2.7rem; column-gap: .25rem; padding: .25rem .4rem; }
    .tool-stage__conclusion .verdict--audit.verdict--measured .verdict__figure { font-size: 1.85rem; }
    .tool-stage__conclusion .verdict__qualifier { font-size: .65rem; }
    .tool-stage__conclusion > div > p:last-child { font-size: .875rem; line-height: 1.35; }
    .tool-stage__coverage { padding: .38rem .85rem; font: .72rem/1.35 "Public Sans", "Public Sans Fallback", sans-serif; }
    .tool-stage__correction { margin: .55rem 1rem 0; }
    .tool-stage__actions { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .35rem .4rem; padding: .35rem .85rem; }
    .tool-stage__actions--record { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .tool-stage__actions a { min-height: 44px; padding: .5rem .65rem; font-size: .72rem; }
    .tool-stage__watch .exact-watch__contract { grid-column: 1 / -1; font-size: .62rem; line-height: 1.35; }
    .tool-stage__credentials { grid-template-columns: minmax(0, 1fr) auto; gap: .35rem .7rem; padding: .18rem 1rem; font-size: .6rem; }
    .tool-stage__credentials > p:last-child { justify-self: end; text-align: right; }
    .tool-page__offers > .section-head,
    .tool-page__listings > .section-head,
    .evidence-dossier > .section-head,
    .tool-page__identity .section-head,
    .tool-page__credentials .section-head { grid-template-columns: 1fr; gap: .2rem; }
    .tool-page .section-head > p,
    .tool-page .section-head > h2 { grid-column: 1; }
    .tool-page .section-head > p { grid-row: 1; text-align: left; }
    .tool-page .section-head > h2 { grid-row: 2; font-size: 2rem; }
    .tool-page__offers .offer-table-wrap { border-radius: 6px; }
    .offer-table__identity { gap: .5rem; }
    .offer-table-wrap--compact-audit .offer-list__actions > a { flex: 1 1 0; }
    .offer-rows__head { display: none; }
    .offer-rows__list { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: .6rem; }
    .offer-row { padding: .55rem .6rem .5rem; align-items: start; }
    .offer-row__identity { grid-column: 1; grid-row: 1; }
    .offer-row__price { grid-column: 2; grid-row: 1; text-align: right; font-size: 1.125rem; line-height: 1.2; }
    .offer-row__price > .offer-table__crown { margin-top: .1rem; }
    .offer-row__claim { grid-column: 1 / -1; grid-row: 2; margin-top: .28rem; }
    .offer-row > .offer-table__retailer-action { grid-column: 1; grid-row: 3; margin-top: .4rem; }
    .offer-row > .offer-table__evidence--compact { grid-column: 2; grid-row: 3; margin-top: .4rem; }
    .offer-row__fold { grid-row: 1 / span 4; }
    .offer-row__open { grid-column: 2; grid-row: 3; align-self: start; margin-top: .4rem; }
    .offer-row__fold::details-content { grid-row: 4; }
    .offer-row__fold > .offer-row__panel { grid-row: 4; }
    .offer-row__note { grid-row: 5; }
    .tool-page .offer-row__panel[id], .tool-page .offer-row__dossier[id], .tool-page .offer-row__panel .tool-anchor { scroll-margin-top: 12.5rem; }
    .offer-row__panel .audit__facts > div { grid-template-columns: 4rem minmax(0, 1fr); }
    .offer-row__panel { margin-inline: -.45rem; }
    .offer-row__dossier .evidence-figure { margin-inline: 0; }
    .offer-table-wrap--compact-audit .offer-table__crown { max-inline-size: 6rem; }
    .verdict-rail { grid-template-columns: auto auto minmax(0, 1fr); gap: .25rem .4rem; }
    .verdict-rail__text { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
  }
  @media print {
    .offer-table__mark {
      print-color-adjust: exact;
      -webkit-print-color-adjust: exact;
    }
    .retailer-record-toc { display: none; }
    .tool-stage { display: grid; grid-template-columns: 13rem 1fr; grid-template-areas: "image identity" "audit audit" "correction correction" "credentials credentials"; border-color: #000; color: #000; background: #fff; box-shadow: none; }
    .tool-stage__image { min-height: 13rem; background: #fff; }
    .tool-stage__identity h1, .tool-stage__price,
    .tool-stage__composition > span, .tool-stage__offer-state strong,
    .tool-stage__record dd strong, .tool-stage__conclusion > div > p:last-child,
    .tool-stage__coverage strong, .tool-stage__credentials strong,
    .tool-stage__credentials a, .tool-stage__correction,
    .tool-stage__correction a { color: #000; }
    .tool-stage__image, .tool-stage__audit-flow,
    .tool-stage__audit-flow > section, .tool-stage__correction,
    .tool-stage__credentials { border-color: #777; }
    .tool-stage__eyebrow, .tool-stage__model, .tool-stage__composition,
    .tool-stage__listing, .tool-stage__listing-retailer strong,
    .tool-stage__claim-state, .tool-stage__claim-state strong,
    .tool-stage__price-line p, .tool-stage__offer-state,
    .tool-stage__audit-flow > section > h2, .tool-stage__record dt,
    .tool-stage__record dd time, .tool-stage__record dd small,
    .tool-stage__record > p, .tool-stage__retained,
    .tool-stage__coverage, .tool-stage__credentials { color: #444; }
    .tool-stage__identity, .tool-stage__audit-flow,
    .tool-stage__conclusion, .tool-stage__coverage { background: #fff; }
    .tool-stage__actions { display: none; }
    .exact-watch { display: none; }
    .tool-stage__credentials { background: #fff; }
  }
}

@layer states {
  @media (forced-colors: active) {
    .tool-stage { border: 2px solid CanvasText; color: CanvasText; background: Canvas; box-shadow: none; }
    .tool-stage__image, .tool-stage__identity, .tool-stage__audit-flow,
    .tool-stage__conclusion, .tool-stage__coverage,
    .tool-stage__credentials { color: CanvasText; background: Canvas; }
    .tool-stage__image, .tool-stage__audit-flow,
    .tool-stage__audit-flow > section, .tool-stage__credentials { border-color: CanvasText; }
    .tool-stage__identity h1, .tool-stage__price, .tool-stage__record dd strong,
    .tool-stage__conclusion > div > p:last-child,
    .tool-stage__coverage strong, .tool-stage__credentials strong,
    .tool-stage__credentials a { color: CanvasText; }
    .tool-stage__eyebrow, .tool-stage__model, .tool-stage__composition,
    .tool-stage__listing, .tool-stage__listing-retailer strong,
    .tool-stage__claim-state, .tool-stage__claim-state strong,
    .tool-stage__composition > span, .tool-stage__audit-flow > section > h2,
    .tool-stage__price-line p, .tool-stage__offer-state,
    .tool-stage__offer-state strong, .tool-stage__offer-state time,
    .tool-stage__record dt, .tool-stage__record dd time,
    .tool-stage__record dd small, .tool-stage__record > p,
    .tool-stage__retained, .tool-stage__coverage { color: CanvasText; }
    .tool-stage__retailer-action, .tool-stage__compare-action, .tool-stage__evidence-action,
    .offer-table__retailer-action, .offer-table__evidence--compact, .retailer-record-actions__shop { border: 1px solid LinkText; color: LinkText; background: Canvas; }
    .offer-row__open { border: 1px solid ButtonText; color: ButtonText; background: ButtonFace; }
    .exact-watch__action { border-color: LinkText; color: LinkText; background: Canvas; }
    .exact-watch__contract, .tool-stage__watch .exact-watch__contract { color: CanvasText; }
    .exact-watch__action:focus-visible { outline-color: Highlight; }
    .offer-row__open:focus-visible { outline-color: Highlight; }
    .offer-row[data-crown="true"]::before { background: CanvasText; }
  }
}

@layer components {
  /* D-V5a: the verdict restated once, in flow after the offers, never
     sticky (every record now folds above it). Repeats canonical VM text
     verbatim; ≤48px tall at phone widths; never animated (P4). */
  .verdict-rail {
    margin-top: var(--space-6);
    padding: .25rem .6rem;
    background: var(--surface);
    border-block-end: 2px solid var(--ink);
    font-size: .78rem;
    line-height: 1.28;
  }
  .verdict-rail__identity {
    color: var(--ink-2);
    white-space: nowrap;
    font: 700 .7rem/1.28 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace;
    text-transform: uppercase;
    margin-right: .55rem;
    text-decoration: none;
  }
  .verdict-rail__identity:hover { text-decoration: underline; text-underline-offset: .18em; }
  /* Anchor landings keep a little air above them. */
  .tool-page [id] { scroll-margin-top: 3.6rem; }
  .retailer-record-page [id] { scroll-margin-top: 4.5rem; }

  /* W2b enumerated folds (point ledger, siblings, credentials — P5's
     closed list). Native details: works with JavaScript disabled. */
  .tool-fold { margin-top: var(--space-6); }
  .tool-fold > summary {
    display: flex;
    align-items: center;
    gap: .6rem;
    min-height: 44px;
    padding: .5rem .2rem;
    border-block: 1px solid var(--rule);
    cursor: pointer;
    font: 650 .95rem/1.3 "Public Sans", "Public Sans Fallback", sans-serif;
    list-style: none;
  }
  .tool-fold > summary::-webkit-details-marker { display: none; }
  .tool-fold > summary::after {
    content: "open";
    margin-inline-start: auto;
    padding: .3rem .55rem;
    border: 1px solid currentColor;
    font: 650 .7rem/1 "Public Sans", "Public Sans Fallback", sans-serif;
    letter-spacing: .05em;
    text-transform: uppercase;
  }
  .tool-fold[open] > summary::after { content: "close"; }
  .tool-fold > summary:focus-visible { outline: 2px solid var(--ground); box-shadow: 0 0 0 4px var(--focus); }
  .tool-fold > summary:hover { background: var(--rule-2); }
  .tool-fold > section, .tool-fold > .evidence-ledger { margin-top: .4rem; }
}

@layer media {
  @media (max-width: 40rem) {
    /* Full-bleed strip at phone: the wider measure keeps even a
       four-line v3 conclusion inside the 48px ceiling. The shell owns a
       fixed .5rem phone gutter, so bleed against that gutter instead of
       100vw (which includes classic scrollbars and can create page drift). */
    .verdict-rail { margin-inline: -.5rem; padding: .18rem .6rem; font-size: .66rem; line-height: 1.22; }
    .verdict-rail__identity { font-size: .6rem; }
    .tool-page--split-records .verdict-rail {
      grid-template-columns: auto minmax(0, 1fr);
      gap: .4rem;
    }
    .tool-page--split-records .verdict-rail__identity { display: none; }
    .tool-page--split-records .verdict-rail__text {
      overflow: visible;
      white-space: normal;
      text-overflow: clip;
    }
    /* The record rail is two lines tall on phones. Leave its full measured
       height, plus a little breathing room, above every fragment target. */
    .retailer-record-page [id] { scroll-margin-top: 5.75rem; }
    .tool-fold { margin-top: 2.2rem; }
  }
  @media print {
    /* The rail and TOC are navigation furniture; folds print open. */
    .verdict-rail { display: none; }
    .tool-fold:not([open])::details-content { content-visibility: visible; display: block; }
    .tool-fold > summary::after { display: none; }
    .offer-row__open, .offer-row__return { display: none; }
    .offer-rows__head, .offer-rows__list { grid-template-columns: minmax(0, 9fr) minmax(0, 4fr) minmax(0, 18fr) 7.25rem 0; }
    .offer-row__fold:not([open])::details-content { content-visibility: visible; display: block; }
  }
}

@layer states {
  @media (forced-colors: active) {
    .verdict-rail { border-block-end: 2px solid CanvasText; }
    .tool-fold > summary { border-block: 1px solid CanvasText; }
  }
}

  /* Exact-record mode of the stage (D-V4b amendment, 2026-09-03): the D-D13
     mark sits beside the written retailer name, never in the image slot. */
  /* Inline, not flex: the written name and listing id stay in the model
     line's text flow and wrap as text. The mark is an inline box whose
     image is sized by the box — min-size zero, or the image's intrinsic
     90px wins and the mark renders at logo size (seen live 2026-09-03). */
  /* No colour here: these rules sit outside the layers, so a colour set
     here would outrank the forced-colors remap to CanvasText in @layer
     states (measured by axe at 1.12:1). The row inherits the identity's ink. */
  .tool-stage__listing { display: flex; flex-wrap: wrap; align-items: center; column-gap: .55rem; row-gap: .2rem; margin: .3rem 0 0; font: .75rem/1.35 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; }
  .tool-stage__listing-retailer { display: inline-flex; align-items: center; gap: .5rem; white-space: nowrap; }
  /* The name takes the identity's primary ink, not the muted model tone:
     beside the mark's white mat the muted tone measured 1.8:1 under axe. */
  .tool-stage__listing-retailer strong { font-weight: 700; }
  .tool-stage__mark { display: inline-grid; place-items: center; inline-size: 3rem; block-size: 1.35rem; padding: .1rem .25rem; box-sizing: border-box; background: var(--retailer-mark-mat); outline: 1px solid var(--retailer-mark-outline); flex: none; }
  .tool-stage__mark img { display: block; min-inline-size: 0; min-block-size: 0; inline-size: 100%; block-size: 100%; max-inline-size: 100%; max-block-size: 100%; object-fit: contain; }
  .tool-stage__claim-state { margin: .25rem 0 0; font-size: .95rem; }
  .tool-stage__claim-state span { opacity: .8; }

/* evidence-chart.css */
/* Chart v2 production instrument. Geometry is emitted at build time; this
   file owns only house presentation and alternate-media identity. */
@layer components {
  .evidence-figure--chart-v2 { border-top-width: 6px; }
  .evidence-figure--chart-v2 .evidence-figure__plot {
    container: evidence-v2-plot / inline-size;
    padding-block: .9rem .25rem;
  }
  .evidence-figure--chart-v2 .evidence-figure__variant { display: none; }
  .evidence-figure--chart-v2 .evidence-figure__variant--356 { display: block; }
  @container evidence-v2-plot (min-width: 31rem) {
    .evidence-figure--chart-v2 .evidence-figure__variant--356 { display: none; }
    .evidence-figure--chart-v2 .evidence-figure__variant--600 { display: block; }
  }
  @container evidence-v2-plot (min-width: 47rem) {
    .evidence-figure--chart-v2 .evidence-figure__variant--600 { display: none; }
    .evidence-figure--chart-v2 .evidence-figure__variant--880 { display: block; }
  }

  .chart-v2 {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    overflow: visible;
  }
  .chart-v2__grid, .chart-v2__date-tick {
    stroke: var(--rule-2);
    stroke-width: 1;
    vector-effect: non-scaling-stroke;
  }
  .chart-v2__series {
    fill: none;
    stroke-linecap: square;
    stroke-linejoin: miter;
    vector-effect: non-scaling-stroke;
  }
  .chart-v2__series--offered { stroke: var(--measured-text); stroke-width: 2.5; }
  .chart-v2__series--claimed { stroke: var(--claims-text); stroke-width: 1.6; stroke-dasharray: 7 5; }
  .chart-v2 [data-pane="map"].chart-v2__series { stroke-width: 1.25; }
  .chart-v2__point { fill: var(--ground); vector-effect: non-scaling-stroke; }
  .chart-v2__point--offered { stroke: var(--measured-text); stroke-width: 2.5; }
  .chart-v2__point--claimed { stroke: var(--claims-text); stroke-width: 1.5; }

  .chart-v2__axis, .chart-v2__date, .chart-v2__scale-note,
  .chart-v2__gap-label, .chart-v2__pane-label, .chart-v2__map-label,
  .chart-v2__map-date, .chart-v2__window-label,
  .chart-v2__record-start-label, .chart-v2__fact-label {
    fill: var(--ink-2);
    font: 12px/1 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace;
    letter-spacing: .02em;
    text-transform: uppercase;
  }
  .chart-v2__pane-label, .chart-v2__map-label {
    fill: var(--ink);
    font-weight: 800;
    letter-spacing: .065em;
  }
  .chart-v2__gap-fill { fill: var(--surface); }
  .chart-v2__gap-hatch { opacity: .24; }
  .chart-v2__hatch {
    fill: none;
    stroke: var(--data-neutral);
    stroke-width: .8;
    vector-effect: non-scaling-stroke;
  }
  .chart-v2__gap-edge { stroke: var(--data-neutral); stroke-width: 1; vector-effect: non-scaling-stroke; }
  .chart-v2__gap-label {
    fill: var(--ink);
    font-size: 12px;
    font-weight: 800;
    paint-order: stroke;
    stroke: var(--ground);
    stroke-linejoin: round;
    stroke-width: 5px;
  }
  .chart-v2__event {
    stroke: var(--ink-2);
    stroke-width: 1;
    stroke-dasharray: 2 4;
    vector-effect: non-scaling-stroke;
  }
  .chart-v2__event-tab {
    fill: var(--ink);
    stroke: var(--ground);
    stroke-width: 2;
    vector-effect: non-scaling-stroke;
  }
  .chart-v2__event-number { fill: var(--ground); font: 800 12px/1 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; }
  .chart-v2__end, .chart-v2__rail, .chart-v2__low-label {
    font: 800 12.5px/1 "Public Sans", "Public Sans Fallback", sans-serif;
    letter-spacing: .02em;
    paint-order: stroke;
    stroke: var(--ground);
    stroke-linejoin: round;
    stroke-width: 5px;
  }
  .chart-v2__end--offered, .chart-v2__rail--offered, .chart-v2__low-label { fill: var(--measured-text); }
  .chart-v2__end--claimed, .chart-v2__rail--claimed { fill: var(--claims-text); }
  .chart-v2__low-dot { fill: var(--ground); stroke: var(--measured-text); stroke-width: 2; vector-effect: non-scaling-stroke; }
  .chart-v2__axis-break, .chart-v2__fact-stem, .chart-v2__record-start,
  .chart-v2__low-leader, .chart-v2__pre-record-edge {
    fill: none;
    stroke: var(--data-neutral);
    stroke-width: 1;
    vector-effect: non-scaling-stroke;
  }
  .chart-v2__pre-record-fill { fill: rgb(125 121 111 / .07); }
  .chart-v2__pre-record-edge { stroke-dasharray: 3 4; }
  .chart-v2__pre-record-label {
    fill: var(--ink-2);
    font: 800 12px/1 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace;
    letter-spacing: .025em;
    paint-order: stroke;
    stroke: var(--ground);
    stroke-width: 5px;
  }
  .chart-v2__window {
    fill: rgb(181 18 27 / .055);
    stroke: var(--measured-text);
    stroke-width: 1;
    vector-effect: non-scaling-stroke;
  }
  .chart-v2__fact-dot { fill: var(--ground); stroke: var(--data-neutral); stroke-width: 2; vector-effect: non-scaling-stroke; }
  .chart-v2__fact-label, .chart-v2__record-start-label,
  .chart-v2__map-date, .chart-v2__window-label { font-size: 12px; }
  .chart-v2[data-profile^="P356"] text,
  .chart-v2[data-profile^="P356"] .chart-v2__end,
  .chart-v2[data-profile^="P356"] .chart-v2__rail,
  .chart-v2[data-profile^="P356"] .chart-v2__low-label { font-size: 14.5px; }

  .evidence-figure__phone-gaps { display: none; }

  .evidence-figure__finding {
    display: grid;
    grid-template-columns: 10rem 2rem minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
    padding-block: 1rem 1.15rem;
    border-bottom: 1px solid var(--rule);
  }
  .evidence-figure__finding > p, .evidence-figure__form > p:first-child {
    color: var(--measured-text);
    font: 750 .72rem/1.25 "Public Sans", "Public Sans Fallback", sans-serif;
    letter-spacing: .07em;
    text-transform: uppercase;
  }
  .evidence-figure__finding > span, .evidence-annotation > span {
    display: grid;
    place-items: center;
    color: var(--ground);
    background: var(--ink);
    font: 800 .72rem/1 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace;
  }
  .evidence-figure__finding > span { width: 1.45rem; height: 1.45rem; border-radius: 50%; }
  .evidence-figure__finding > strong {
    grid-column: 3;
    max-width: 28ch;
    font: 700 clamp(1.55rem, 3.8vw, 2.4rem)/.98 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif;
    letter-spacing: -.015em;
  }
  .evidence-figure__form {
    display: grid;
    grid-template-columns: 10rem minmax(0, 44rem);
    gap: 1rem;
    padding-block: .75rem;
    border-top: 1px solid var(--rule-2);
  }
  .evidence-figure__form > p:last-child { color: var(--ink-2); font-size: .875rem; line-height: 1.45; }
  .evidence-figure--chart-v2 .evidence-annotation {
    display: grid;
    grid-template-columns: 2rem minmax(0, 1fr);
    max-width: 47rem;
    margin-block: .6rem;
    border-left: 3px solid var(--ink);
  }
  .evidence-figure--chart-v2 .evidence-annotation > span {
    min-height: 2.2rem;
    color: var(--claims-text);
    background: transparent;
    font-size: 1rem;
  }
  .evidence-figure--chart-v2 .evidence-annotation p { padding: .35rem .75rem .35rem 0; }

  .detached-facts {
    display: grid;
    grid-template-columns: 13rem minmax(0, 1fr);
    gap: 1rem;
    padding-block: .75rem;
    border-top: 1px solid var(--rule);
  }
  .detached-facts > h4 {
    color: var(--ink-2);
    font: 650 .75rem/1.4 "Public Sans", "Public Sans Fallback", sans-serif;
    letter-spacing: .04em;
    text-transform: uppercase;
  }
  .detached-facts ul { margin: 0; padding: 0; list-style: none; }
  .detached-facts li {
    display: grid;
    grid-template-columns: .8rem minmax(0, 1fr);
    gap: .5rem;
    align-items: start;
    padding-block: .35rem;
    font: .8125rem/1.45 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace;
  }
  .detached-facts__mark, .evidence-figure--chart-v2 .evidence-key__fact {
    width: .7rem;
    height: .7rem;
    border: 1.5px solid var(--data-neutral);
    border-radius: 50%;
  }
  .detached-facts__mark { margin-top: .22rem; }
  .detached-facts strong { text-transform: uppercase; }
  .detached-facts code { display: block; margin-top: .12rem; color: var(--ink-2); font: .7rem/1.35 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; overflow-wrap: anywhere; }
  .evidence-figure--chart-v2 figcaption { padding-block: .65rem; border-top: 1px solid var(--rule-2); color: var(--ink-2); font-size: .8125rem; line-height: 1.45; }
}

@layer media {
  @media (max-width: 40rem) {
    .evidence-figure__finding { grid-template-columns: 1fr 1.5rem; gap: .55rem .65rem; }
    .evidence-figure__finding > p { grid-column: 1; }
    .evidence-figure__finding > span { grid-column: 2; grid-row: 1; }
    .evidence-figure__finding > strong { grid-column: 1 / -1; }
    .evidence-figure__form, .detached-facts { grid-template-columns: 1fr; gap: .3rem; }
    .evidence-figure--chart-v2 .evidence-annotation { grid-template-columns: 1.75rem minmax(0, 1fr); margin-block: .4rem; }
    .evidence-figure--chart-v2 .evidence-annotation p { font-size: .875rem; }
    .detached-facts li { font-size: .75rem; }
    .evidence-figure__phone-gaps {
      display: block;
      margin: .35rem 0 .2rem;
      color: var(--ink-2);
      font: .75rem/1.45 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace;
    }
  }
  @media print {
    .evidence-figure--chart-v2 .evidence-figure__variant { display: none !important; }
    .evidence-figure--chart-v2 .evidence-figure__variant--880 { display: block !important; }
    .chart-v2__series--offered, .chart-v2__series--claimed,
    .chart-v2__point--offered, .chart-v2__point--claimed,
    .chart-v2__low-dot, .chart-v2__fact-dot, .chart-v2__window,
    .chart-v2__point--offered, .chart-v2__point--claimed, .chart-v2__low-dot { stroke: #000; }
    .chart-v2__series--claimed { stroke-dasharray: 7 5; }
    .chart-v2 text { fill: #000; stroke: #fff; paint-order: stroke; }
    .chart-v2__event-tab { fill: #000; stroke: #fff; }
    .chart-v2__event-number { fill: #fff; stroke: #000; }
    .evidence-figure__finding > p, .evidence-figure__form > p:first-child { color: #000; }
  }
}

@layer states {
  @media (forced-colors: active) {
    .chart-v2__series--offered, .chart-v2__series--claimed,
    .chart-v2__grid, .chart-v2__date-tick, .chart-v2__gap-edge,
    .chart-v2__hatch, .chart-v2__event, .chart-v2__axis-break,
    .chart-v2__fact-stem, .chart-v2__record-start,
    .chart-v2__pre-record-edge, .chart-v2__low-leader { stroke: CanvasText; }
    .chart-v2 text { fill: CanvasText; stroke: Canvas; paint-order: stroke; }
    .chart-v2__window, .chart-v2__gap-fill, .chart-v2__pre-record-fill { fill: Canvas; }
    .chart-v2__event-tab { fill: CanvasText; stroke: Canvas; }
    .chart-v2__event-number { fill: Canvas; stroke: CanvasText; }
    .evidence-figure__finding > span { background: CanvasText; color: Canvas; }
    .evidence-figure__finding > p, .evidence-figure__form > p:first-child { color: CanvasText; }
    .evidence-figure--chart-v2 .evidence-annotation { border-color: CanvasText; }
    .evidence-figure--chart-v2 .evidence-annotation > span { color: CanvasText; }
    .detached-facts__mark, .evidence-figure--chart-v2 .evidence-key__line,
    .evidence-figure--chart-v2 .evidence-key__gap,
    .evidence-figure--chart-v2 .evidence-key__fact { border-color: CanvasText; }
    .evidence-figure--chart-v2 .evidence-key__line--claimed { border-style: dashed; }
  }
}

/* --- Wave 4 · chart interrogation (runtime-injected, JS-off inert) --------
 *
 * Every selector below matches only elements the island injects at runtime, or
 * a class it adds. With scripting off none of them exist, so the served chart
 * and ledger are unchanged.
 *
 * EVERY MARK HERE IS TAKEN FROM THIS CHART'S EXISTING VOCABULARY, because the
 * first version was not and it collided twice. The hollow circle is spoken for
 * — the legend defines it as "detached price fact" — so the cursor markers are
 * FILLED and carry their series' own colour. The dotted vertical is spoken for
 * — it anchors an annotation — so the cursor rule is a SOLID hairline in the
 * chart's neutral data colour. And focus is shown by a hairline frame around
 * the interrogated pane rather than a CSS outline on a full-bleed SVG, which
 * rendered as two heavy bars severing the detail pane from its context map.
 */
@layer components {
  .chart-v2__island { pointer-events: none; opacity: 0; }
  .chart-v2__island.is-active { opacity: 1; }

  /* Solid, hairline, neutral: furniture, not a recorded event. */
  .chart-v2__island-rule {
    stroke: var(--data-neutral, #7D796F);
    stroke-width: 1;
  }
  /* Filled, in the series colour. Never hollow — see the note above. */
  .chart-v2__island-dot { stroke: var(--surface, #fff); stroke-width: 1.25; }
  .chart-v2__island-dot--offered { fill: var(--measured, #B5121B); }
  .chart-v2__island-dot--claimed { fill: var(--claims-outline, #445867); }

  /* Shown only while the pane has keyboard focus. Hairline weight, matching
   * the instrument's own rule system rather than the site-wide focus ring. */
  .chart-v2__island-back { pointer-events: none; }
  .chart-v2__island-frame { fill: none; stroke: none; }
  .chart-v2[tabindex]:focus-visible .chart-v2__island-frame {
    stroke: var(--focus, #0F4C81);
    stroke-width: 1;
  }
  /* The element's own focus styling is replaced by that frame, which is scoped
   * to the pane actually answering rather than boxing the whole instrument.
   *
   * BOTH properties must be reset, and the box-shadow is the one that matters:
   * base.css sets the site-wide indicator as `outline: 2px solid var(--ground);
   * box-shadow: 0 0 0 4px var(--focus)`. Clearing only the outline left the 4px
   * blue ring, which on a full-bleed SVG renders as two heavy bars across the
   * whole instrument — the exact defect the frame exists to avoid. */
  .chart-v2[tabindex]:focus,
  .chart-v2[tabindex]:focus-visible { outline: none; box-shadow: none; }

  /* The readout reserves its box from init, so activation changes text and
   * never geometry. Two lines' worth, because it wraps at phone widths. */
  .evidence-figure__readout {
    margin: 0;
    /* Two lines' worth by default: at phone widths the readout wraps, and the
     * box has to be big enough for the wrapped case or activation would move
     * the page after all. Narrowed to one line once there is room, so the
     * reserved strip costs the desktop chart 19px rather than 38. */
    min-height: 2.9em;
    font-family: var(--font-mono, ui-monospace, monospace);
    font-size: .8125rem;
    line-height: 1.45;
    color: var(--ink-2, #50555B);
    font-variant-numeric: tabular-nums;
  }
  /* Quiet until asked, and never mistaken for something the record asserts. */
  .evidence-figure__readout.is-shown::before {
    content: "at cursor · ";
    color: var(--data-neutral, #7D796F);
  }
  .evidence-ledger__row--active > * { background: var(--surface-sunk, #f2f0ec); }

  /* Same breakpoint the chart itself uses to swap variants, so the readout's
   * reserved height changes exactly when its wrapping does. */
  @container evidence-v2-plot (min-width: 31rem) {
    .evidence-figure__readout { min-height: 1.45em; }
  }
}

@layer states {
  @media print {
    /* The ledger is the printed text alternative; a transient cursor readout
     * is not part of the record and must never appear in a printed page. */
    .chart-v2__island, .evidence-figure__readout { display: none !important; }
    .evidence-ledger__row--active > * { background: transparent; }
  }
  @media (forced-colors: active) {
    .chart-v2__island-rule { stroke: CanvasText; }
    .chart-v2__island-dot { fill: CanvasText; stroke: Canvas; }
    .chart-v2 :focus-visible .chart-v2__island-frame { stroke: Highlight; }
    .evidence-ledger__row--active > * { background: Highlight; color: HighlightText; }
  }
}

/* site.css */
/* Site chrome, live homepage, search, method, and catalog hubs. */
@layer components {
  .section-head h1 {
    font: 700 clamp(1.55rem, 2.8vw, 1.9rem)/1.05 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif;
    letter-spacing: .01em;
  }
  .site-foot a { color: var(--ink-on-dark); }

  .chrome-shell {
    max-width: 68rem;
    margin-inline: auto;
    padding: var(--space-6) clamp(1rem, 4vw, 3rem) var(--space-7);
    display: grid;
    gap: var(--space-7);
  }
  .chrome-shell--narrow { max-width: 46rem; }

  .hero { display: grid; gap: var(--space-4); }
  .hero__eyebrow, .home-kicker {
    font: 700 .72rem/1.2 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace;
    letter-spacing: .095em;
    text-transform: uppercase;
    color: var(--measured-text);
  }
  .hero h1 {
    font-family: "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif;
    font-weight: 700;
    font-size: clamp(2.4rem, 7vw, 4.25rem);
    line-height: .98;
  }
  .hero__subhead { max-width: 44rem; font-size: 1.0625rem; color: var(--ink); }
  .hero__search, .hub-search { display: grid; gap: var(--space-2); max-width: 40rem; }
  .hero__search label, .hub-search label { font-weight: 650; }
  .hero__search div, .hub-search div { display: flex; flex-wrap: wrap; gap: var(--space-2); }
  .hero__search input, .hub-search input {
    flex: 1 1 14rem;
    min-width: 0;
    min-height: 44px;
    padding: .5rem .75rem;
    border: 2px solid var(--ink);
    background: var(--surface);
    color: var(--ink);
  }
  .hero__search button, .hub-search button {
    min-height: 44px;
    padding: .5rem 1rem;
    border: 2px solid var(--ink);
    background: var(--furniture);
    color: var(--ink-on-dark);
    font-weight: 700;
    cursor: pointer;
  }

  .search-status { font-weight: 650; margin-top: var(--space-4); }
  .search-hits { list-style: none; margin: var(--space-4) 0 0; padding: 0; display: grid; gap: var(--space-2); }
  .search-hits a {
    display: grid;
    gap: .15rem;
    padding: var(--space-3);
    border: 1px solid var(--rule-2, var(--ink-2));
    text-decoration: none;
    color: var(--ink);
    background: var(--surface);
  }
  .search-hits a span { font: 700 .8125rem/1.2 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; }
  .search-hits a strong { font-weight: 650; }
  .search-hits a small { color: var(--ink-2); }
  .search-hits a:hover strong { text-decoration: underline; }
  .search-empty { max-width: 40rem; color: var(--ink); margin-top: var(--space-4); }

  .method-page h2 {
    font-family: "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif;
    font-size: 1.45rem;
    line-height: 1.05;
    margin-top: var(--space-5);
  }
  .method-page p { max-width: var(--prose); margin-top: var(--space-2); line-height: 1.55; }

  /* The homepage is the one sanctioned dark product stage. Every token is
     scoped here; charts and global semantic colors remain unchanged. */
  .home-page {
    --home-stage: #11161c;
    --home-stage-2: #1a2129;
    --home-stage-rule: #36414d;
    --home-stage-ink: #f5f1e8;
    --home-stage-muted: #bdc6cf;
    --home-radius: 8px;
    --home-elevation: 0 12px 32px rgb(0 0 0 / .18);
  }
  .home-shell, .hub-shell {
    width: min(100% - 2rem, 78rem);
    margin-inline: auto;
  }
  .home-hero {
    margin-top: 1rem;
    display: grid;
    grid-template-columns: minmax(0, .92fr) minmax(28rem, 1.08fr);
    grid-template-areas: "copy record" "scope scope";
    gap: clamp(1rem, 3vw, 2.5rem);
    padding: clamp(1.25rem, 3.2vw, 3rem);
    border-radius: var(--home-radius);
    color: var(--home-stage-ink);
    background: var(--home-stage);
    box-shadow: var(--home-elevation);
  }
  .home-hero__copy { grid-area: copy; display: grid; align-content: center; gap: .9rem; }
  .home-hero .home-kicker { color: #ff6c70; }
  .home-hero h1 {
    max-width: 10ch;
    font: 700 clamp(3.1rem, 6.5vw, 5.5rem)/.88 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif;
    letter-spacing: -.035em;
  }
  .home-hero__subhead { max-width: 35rem; color: var(--home-stage-muted); font-size: clamp(.95rem, 1.3vw, 1.08rem); line-height: 1.48; }
  .home-search { display: grid; gap: .38rem; margin-top: .25rem; }
  .home-search label { color: var(--home-stage-ink); font-size: .84rem; font-weight: 700; }
  .home-search > div { display: flex; gap: .45rem; }
  .home-search input {
    min-width: 0;
    min-height: 48px;
    flex: 1 1 12rem;
    padding: .65rem .8rem;
    border: 1px solid #727d89;
    border-radius: var(--home-radius);
    background: #fff;
    color: #171a1f;
  }
  .home-search input::placeholder { color: #5d6269; opacity: 1; }
  .home-search button {
    min-height: 48px;
    padding: .65rem 1rem;
    border: 1px solid var(--home-stage-ink);
    border-radius: var(--home-radius);
    color: var(--home-stage);
    background: var(--home-stage-ink);
    font-weight: 750;
    cursor: pointer;
  }
  .home-hero__scope {
    grid-area: scope;
    padding-top: .75rem;
    border-top: 1px solid var(--home-stage-rule);
    color: var(--home-stage-muted);
    font: .68rem/1.5 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace;
  }

  .hero-record {
    grid-area: record;
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--home-stage-rule);
    border-radius: var(--home-radius);
    background: var(--home-stage-2);
  }
  .hero-record__link {
    min-height: 100%;
    display: grid;
    grid-template-columns: minmax(11rem, .82fr) minmax(0, 1.18fr);
    color: var(--home-stage-ink);
    text-decoration: none;
  }
  .hero-record__media { min-height: 20rem; display: grid; place-items: center; background: #fff; }
  .hero-record__media img { width: 100%; height: 100%; padding: 1rem; object-fit: contain; }
  .hero-record__fallback { width: 100%; height: 100%; display: grid; place-content: center; gap: .25rem; color: #444b54; text-align: center; }
  .hero-record__fallback b { font: 700 2rem/1 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif; }
  .hero-record__fallback small { font: .62rem/1.3 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; text-transform: uppercase; }
  .hero-record__body { min-width: 0; display: flex; flex-direction: column; padding: 1rem; }
  .hero-record__eyebrow { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .35rem .75rem; color: var(--home-stage-muted); font: .6rem/1.3 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; text-transform: uppercase; }
  .hero-record__eyebrow span { color: #ff8589; font-weight: 750; }
  .hero-record__model { margin-top: .8rem; color: var(--home-stage-muted); font: .7rem/1.3 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; }
  .hero-record h2 { --fit-lines: 3; margin-top: .18rem; font-size: 1rem; line-height: 1.22; }
  .hero-record__composition { margin-top: .2rem; color: var(--home-stage-muted); font-size: .72rem; }
  .hero-record__price { margin-top: auto; padding-top: .85rem; font-variant-numeric: tabular-nums; }
  .hero-record__price span, .hero-record__price small { display: block; color: var(--home-stage-muted); font-size: .62rem; }
  .hero-record__price strong { display: block; margin-top: .05rem; font: 700 2.7rem/.9 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif; }
  .hero-record .verdict { margin-top: .65rem; }
  .hero-record .verdict-companion { color: var(--home-stage-muted); border-inline-start-color: var(--caution); }
  .hero-record__building { margin-top: .6rem; padding: .55rem; border: 1px solid var(--home-stage-rule); font-size: .75rem; }
  .hero-record__availability { margin-top: .8rem; color: var(--home-stage-ink); font-size: .68rem; font-weight: 750; letter-spacing: .05em; text-transform: uppercase; }
  .hero-record__action { min-height: 44px; display: flex; align-items: end; justify-content: space-between; margin-top: .25rem; padding-top: .45rem; color: var(--home-stage-ink); font-size: .75rem; font-weight: 700; }
  .hero-record__link:hover h2, .hero-record__link:hover .hero-record__action { text-decoration: underline; }
  .hero-record--building { display: grid; min-height: 20rem; align-content: center; }

  .coverage-rail {
    margin: 1rem 0 0;
    display: grid;
    grid-template-columns: .75fr 1fr 1.35fr 1.35fr;
    border-block: 1px solid var(--ink);
  }
  .coverage-rail div { min-width: 0; padding: .65rem .8rem; border-right: 1px solid var(--rule); }
  .coverage-rail div:first-child { padding-left: 0; }
  .coverage-rail div:last-child { border-right: 0; padding-right: 0; }
  .coverage-rail dt { color: var(--ink-2); font: 700 .62rem/1.25 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; letter-spacing: .05em; text-transform: uppercase; }
  .coverage-rail dd { margin-top: .1rem; font-size: .82rem; font-weight: 700; overflow-wrap: anywhere; }
  .coverage-rail div:nth-child(-n+2) dd { font: 700 1.45rem/1 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif; }

  .home-section, .hub-section { margin-top: clamp(3.5rem, 7vw, 6rem); }
  .home-section__head {
    display: grid;
    grid-template-columns: minmax(15rem, .9fr) minmax(18rem, 1.1fr) auto;
    gap: .75rem 2rem;
    align-items: end;
    align-items: last baseline;
    padding-block: .65rem .9rem;
    border-top: 2px solid var(--ink);
  }
  .home-section__head h2 { margin-top: .15rem; font: 700 clamp(2rem, 4vw, 3rem)/.95 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif; letter-spacing: -.015em; }
  .home-section__head > p { max-width: 42rem; color: var(--ink-2); font-size: .86rem; }
  .home-section__head > a { min-height: 44px; display: inline-flex; align-items: end; font-size: .78rem; font-weight: 700; white-space: nowrap; }

  .home-deal-layout, .hub-deals {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .65rem;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .home-deal-layout[data-card-count="1"], .hub-deals[data-card-count="1"] { grid-template-columns: minmax(0, 34rem); }
  .home-deal-layout[data-card-count="2"], .hub-deals[data-card-count="2"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .home-deal-layout[data-card-count="3"], .hub-deals[data-card-count="3"] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .home-deal-layout .showcase-card, .hub-deals .showcase-card { border-radius: var(--home-radius, 0); overflow: hidden; }
  .home-page .showcase-card__image-fallback, .hub-page .showcase-card__image-fallback { background: #eeeae1; }

  /* Browse by system: the D-D17 tiles from catalog-nav, sitting on the
     paper rather than inside a brand row, so they take the surface ground
     and the ink hairline the verified cards already use. */
  .home-ecosystems .system-tiles a { background: var(--surface); border-color: var(--ink); }
  .home-ecosystems .system-tiles__facts { color: var(--ink); }

  .activity-list, .record-list { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--ink); }
  .activity-row {
    display: grid;
    grid-template-columns: 8.5rem minmax(15rem, 1.4fr) 9rem minmax(11rem, .8fr) auto;
    gap: .8rem 1rem;
    align-items: center;
    padding: .75rem .25rem;
    border-bottom: 1px solid var(--rule);
  }
  .activity-row__event { display: grid; gap: .2rem; }
  .activity-row__event strong { color: var(--measured-text); font-size: .7rem; letter-spacing: .06em; text-transform: uppercase; }
  .activity-row__event time { color: var(--ink-2); font: .6rem/1.35 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; }
  .activity-row__identity { min-width: 0; display: grid; gap: .08rem; }
  .activity-row__identity > span { font: .62rem/1.3 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; }
  .activity-row__identity > a { --fit-lines: 3; color: var(--ink); font-size: .86rem; font-weight: 700; text-decoration: none; }
  .activity-row__identity > a:hover { text-decoration: underline; }
  .activity-row__identity small { color: var(--ink-2); font-size: .66rem; }
  .activity-row__spark { min-width: 0; }
  .activity-row__spark > span { display: block; margin-top: .1rem; color: var(--ink-2); font: .52rem/1.2 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; text-align: center; text-transform: uppercase; }
  .activity-row__decision { font-variant-numeric: tabular-nums; }
  .activity-row__decision > span { display: block; color: var(--ink-2); font-size: .6rem; text-transform: uppercase; }
  .activity-row__decision > strong { display: block; font: 700 1.7rem/.95 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif; }
  .activity-row__decision > b { display: block; max-width: 22rem; font-size: .66rem; font-weight: 600; line-height: 1.3; }
  .activity-row__decision .verdict { margin-top: .5rem; }
  .activity-row__receipt { min-height: 44px; display: inline-flex; align-items: center; gap: .3rem; font-size: .72rem; font-weight: 700; white-space: nowrap; }
  .activity-row__receipt b { font: 700 1rem/1 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; }

  .live-empty { padding: 1.2rem; border: 1px solid var(--ink); background: var(--surface); }
  .live-empty strong { font-size: 1rem; }
  .live-empty p { max-width: 48rem; margin-top: .25rem; color: var(--ink-2); font-size: .82rem; }

  .claim-path__example {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    color: var(--ink);
    border: 1px solid var(--ink);
    border-radius: var(--home-radius);
    overflow: hidden;
    text-decoration: none;
    background: var(--surface);
  }
  .claim-path__example > span { display: flex; flex-direction: column; gap: .55rem; padding: 1rem 1rem 1.1rem; border-right: 1px solid var(--rule); }
  .claim-path__example > span:last-of-type { border-right: 0; color: var(--measured-ink); background: var(--measured); }
  .claim-path__example small { font: 700 .65rem/1.2 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; letter-spacing: .05em; text-transform: uppercase; }
  .claim-path__example strong { font-size: 1.08rem; line-height: 1.25; }
  .claim-path__example b { font-size: .7rem; }
  .claim-path__example em { grid-column: 1 / -1; min-height: 44px; display: flex; align-items: center; padding: .55rem 1rem; color: var(--ink-on-dark); background: var(--furniture); font-size: .75rem; font-style: normal; font-weight: 700; }

  .trust-block { display: grid; grid-template-columns: .9fr 1.1fr; gap: 1.25rem 4rem; padding-block: 1.5rem; border-block: 2px solid var(--ink); }
  .trust-block h2 { margin-top: .2rem; font: 700 clamp(2rem, 4vw, 3rem)/.95 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif; }
  .trust-block p:not(.home-kicker) { max-width: 42rem; font-size: .86rem; line-height: 1.5; }
  .trust-block p + p { margin-top: .65rem; }
  .trust-block a { min-height: 44px; display: inline-flex; align-items: center; margin-top: .6rem; font-size: .78rem; font-weight: 700; }

  /* Brand and platform dashboards share the live modules but retain the
     site's light reference-work ground. */
  .hub-shell { padding-top: clamp(1.25rem, 4vw, 3rem); }

  .scope-instrument {
    --scope-stage: #11161c;
    --scope-stage-2: #1a2129;
    --scope-rule: #36414d;
    --scope-ink: #f5f1e8;
    --scope-muted: #bdc6cf;
    display: grid;
    grid-template-columns: minmax(0, 1.22fr) minmax(20rem, .78fr);
    grid-template-areas: "lead facts" "status status";
    gap: 1.25rem clamp(1.5rem, 4vw, 4rem);
    padding: clamp(1.25rem, 3.2vw, 3rem);
    border: 1px solid var(--scope-stage);
    border-radius: 8px;
    color: var(--scope-ink);
    background: var(--scope-stage);
    box-shadow: 0 12px 32px rgb(0 0 0 / .18);
  }
  .scope-instrument__lead { grid-area: lead; display: grid; align-content: center; gap: .75rem; }
  .scope-instrument .home-kicker { color: #ff6c70; }
  .scope-instrument .home-kicker a { color: inherit; }
  .scope-instrument h1 {
    max-width: 13ch;
    min-width: 0;
    font: 700 clamp(3rem, 6.5vw, 5.4rem)/.88 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif;
    letter-spacing: -.035em;
  }
  .scope-instrument__lead > p:not(.home-kicker) { max-width: 42rem; color: var(--scope-muted); font-size: .95rem; line-height: 1.5; }
  .scope-search { display: grid; gap: .38rem; max-width: 42rem; margin-top: .25rem; }
  .scope-search label { color: var(--scope-ink); font-size: .78rem; font-weight: 700; }
  .scope-search > div { display: flex; gap: .45rem; }
  .scope-search input {
    min-width: 0;
    min-height: 48px;
    flex: 1 1 14rem;
    padding: .65rem .8rem;
    border: 1px solid #727d89;
    border-radius: 8px;
    background: #fff;
    color: #171a1f;
  }
  .scope-search input::placeholder { color: #5d6269; opacity: 1; }
  .scope-search button {
    min-height: 48px;
    padding: .65rem 1rem;
    border: 1px solid var(--scope-ink);
    border-radius: 8px;
    color: var(--scope-stage);
    background: var(--scope-ink);
    font-weight: 750;
    cursor: pointer;
  }
  .scope-instrument__facts {
    grid-area: facts;
    align-self: stretch;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border: 1px solid var(--scope-rule);
    background: var(--scope-stage-2);
  }
  .scope-instrument__facts div { min-width: 0; display: flex; flex-direction: column; justify-content: space-between; gap: .75rem; padding: .85rem; border-right: 1px solid var(--scope-rule); border-bottom: 1px solid var(--scope-rule); }
  .scope-instrument__facts div:nth-child(2n) { border-right: 0; }
  .scope-instrument__facts div:nth-last-child(-n+2) { border-bottom: 0; }
  .scope-instrument__facts dt { color: var(--scope-muted); font: 700 .75rem/1.3 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; letter-spacing: .055em; text-transform: uppercase; }
  .scope-instrument__facts dd { color: var(--scope-ink); font: 700 clamp(1.35rem, 3vw, 2rem)/1 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif; overflow-wrap: anywhere; }
  .scope-instrument__facts time { font: .72rem/1.4 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; }
  .scope-instrument__status { grid-area: status; display: flex; align-items: center; gap: .55rem; padding-top: .8rem; border-top: 1px solid var(--scope-rule); color: var(--scope-muted); font: .75rem/1.45 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; }


  .facet-rail { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(11rem, 100%), 1fr)); margin-top: 1rem; border-block: 1px solid var(--ink); }
  .facet-rail a { min-height: 6rem; display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "label count" "small count"; align-content: center; gap: .15rem .65rem; padding: .7rem .85rem; border-right: 1px solid var(--rule); color: var(--ink); text-decoration: none; }
  .facet-rail a:last-child { border-right: 0; }
  .facet-rail__label { grid-area: label; align-self: end; font-size: .8rem; font-weight: 700; }
  .facet-rail strong { grid-area: count; align-self: center; font: 700 2rem/1 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif; }
  .facet-rail small { grid-area: small; align-self: start; color: var(--ink-2); font-size: .75rem; line-height: 1.3; }
  .facet-rail a:hover .facet-rail__label, .facet-rail a:focus-visible .facet-rail__label { text-decoration: underline; }
  .facet-rail--brand { margin-top: 1.25rem; }

  /* The catalog navigation ledger (browse, brand and retailer directories,
     hub racks). A brand is the container and its systems are the doors; a
     retailer is a ledger line. One link per identity, so the accessible
     name is the written name and never the whole card. */
  .brand-ledger, .retailer-ledger { margin: 0; padding: 0; list-style: none; display: grid; gap: .75rem; }
  .brand-row { display: grid; grid-template-columns: minmax(15rem, .75fr) minmax(0, 1.25fr); grid-template-areas: "identity facts" "systems systems"; gap: .9rem 2rem; align-items: center; padding: 1.1rem 1.25rem 1.15rem; border: 1px solid var(--ink); border-radius: 8px; background: var(--surface); }
  .brand-row:not(:has(.system-tiles)) { grid-template-areas: "identity facts"; }
  .brand-row.brand-row--upcoming { grid-template-areas: "identity pending"; border-style: dashed; background: var(--ground); }
  .brand-row--upcoming .brand-row__name { color: var(--ink-2); }
  .brand-row__pending { grid-area: pending; align-self: center; max-width: 34rem; color: var(--ink-2); font-size: .82rem; line-height: 1.45; }
  .brand-row__identity { grid-area: identity; min-width: 0; }
  .brand-row__name { font: 700 clamp(2.6rem, 5vw, 4rem)/.88 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif; letter-spacing: -.035em; overflow-wrap: anywhere; }
  .brand-row__name a, .retailer-row__name a { color: var(--ink); text-decoration: none; }
  .brand-row__name a:hover, .brand-row__name a:focus-visible, .retailer-row__name a:hover > span, .retailer-row__name a:focus-visible > span { text-decoration: underline; text-decoration-thickness: .06em; text-underline-offset: .08em; }
  .brand-row__arrow, .retailer-row__arrow { font-size: .6em; vertical-align: .18em; }
  .brand-row__scope, .retailer-row__scope { color: var(--ink-2); font-size: .78rem; line-height: 1.45; }
  .brand-row__scope { margin-top: .55rem; }
  .nav-facts { grid-area: facts; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; border-block: 1px solid var(--rule); }
  .nav-facts div { min-width: 0; padding: .6rem .7rem; border-right: 1px solid var(--rule); }
  .nav-facts div:last-child { border-right: 0; }
  .nav-facts dt { color: var(--ink-2); font: 700 .72rem/1.3 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; letter-spacing: .04em; text-transform: uppercase; }
  .nav-facts dd { margin-top: .15rem; font: 700 1.45rem/1.05 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif; overflow-wrap: anywhere; }
  .nav-facts__time dd { font-size: 1.1rem; line-height: 1.15; }
  .system-tiles { grid-area: systems; margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(17rem, 100%), 1fr)); gap: .5rem; }
  .system-tiles a { min-height: 5.75rem; display: grid; align-content: start; padding: .65rem .75rem .7rem; border: 1px solid var(--rule); border-radius: 6px; color: var(--ink); background: var(--ground); text-decoration: none; }
  .system-tiles a:hover, .system-tiles a:focus-visible { border-color: var(--ink); }
  .system-tiles a:hover strong, .system-tiles a:focus-visible strong { text-decoration: underline; text-decoration-thickness: .06em; }
  .system-tiles strong { font: 700 2.1rem/.9 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif; letter-spacing: -.03em; overflow-wrap: anywhere; }
  .system-tiles__kind { margin-top: .3rem; color: var(--ink-2); font: 700 .7rem/1.3 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; letter-spacing: .05em; text-transform: uppercase; }
  .system-tiles__facts { margin-top: .45rem; color: var(--ink-2); font-size: .74rem; line-height: 1.4; }
  .retailer-row { display: grid; grid-template-columns: minmax(15rem, .8fr) minmax(0, 1.2fr); grid-template-areas: "name facts" "scope facts" "collection collection"; gap: .2rem 2rem; align-items: center; padding: .85rem 1.25rem; border: 1px solid var(--ink); border-radius: 8px; background: var(--surface); }
  .retailer-row:not(:has(.collection-strip)) { grid-template-areas: "name facts" "scope facts"; }
  .retailer-row__name { grid-area: name; align-self: end; font: 700 clamp(1.6rem, 2.6vw, 2.1rem)/1 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif; letter-spacing: -.02em; overflow-wrap: anywhere; }
  .retailer-row__name a { display: flex; align-items: center; gap: .75rem; }
  .retailer-row__scope { grid-area: scope; align-self: start; }
  .retailer-row .nav-facts { border-block: 0; }
  .nav-mark { display: inline-grid; place-items: center; flex: 0 0 4rem; inline-size: 4rem; block-size: 2.25rem; box-sizing: border-box; padding: .18rem .28rem; overflow: hidden; background: var(--retailer-mark-mat); outline: 1px solid var(--retailer-mark-outline); }
  .nav-mark img { display: block; min-inline-size: 0; min-block-size: 0; inline-size: 100%; block-size: 100%; object-fit: contain; }
  .scope-instrument h1.scope-instrument__identity { max-width: none; display: flex; align-items: center; flex-wrap: wrap; gap: .5rem .9rem; }
  .scope-instrument__identity .nav-mark { inline-size: 6rem; block-size: 3.25rem; padding: .4rem .55rem; }
  .scope-instrument__identity > span { max-width: 13ch; }
  .scope-instrument__marker { flex: 0 0 auto; color: var(--scope-muted); font-size: .55rem; line-height: 1; }
  .scope-instrument__status > span:last-child { min-width: 0; }
  .hub-systems { margin-top: 1.25rem; }
  .hub-systems .home-kicker { margin-bottom: .5rem; }
  .hub-section--tight { margin-top: 2.5rem; }

  /* Retailer collections (D-H12b): one strip per live, independently checked
     featured set. Navigation, never a deal card: the label and the receipt
     are the collection's own words, and the action opens the audit. */
  .collection-rail { margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(30rem, 100%), 1fr)); gap: .75rem; }
  .collection-strip { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "kicker kicker" "label action" "receipt action"; align-items: center; gap: .15rem 1rem; padding: .8rem 1rem; border: 1px solid var(--ink); border-radius: 8px; color: var(--ink); background: var(--surface); text-decoration: none; }
  .collection-strip__kicker { grid-area: kicker; color: var(--ink-2); font: 700 .7rem/1.3 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; letter-spacing: .05em; text-transform: uppercase; }
  .collection-strip > strong { grid-area: label; font: 700 1.8rem/1 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif; letter-spacing: -.02em; overflow-wrap: anywhere; }
  .collection-strip__receipt { grid-area: receipt; color: var(--ink-2); font: .75rem/1.4 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; }
  .collection-strip__action { grid-area: action; min-height: 44px; display: inline-flex; align-items: center; gap: .3rem; padding: 0 .85rem; border: 1px solid var(--ink); border-radius: 6px; font-size: .75rem; font-weight: 700; white-space: nowrap; }
  .collection-strip:hover > strong, .collection-strip:focus-visible > strong { text-decoration: underline; text-decoration-thickness: .06em; }
  .retailer-row .collection-strip { grid-area: collection; margin-top: .55rem; padding: .55rem .75rem; border-color: var(--rule); background: var(--ground); }
  .retailer-row .collection-strip > strong { font-size: 1.35rem; }
  .retailer-row .collection-strip__action { min-height: 40px; }


  .hub-intro { display: grid; gap: .8rem; padding-bottom: 1.25rem; border-bottom: 1px solid var(--ink); }
  .hub-intro h1 { max-width: 16ch; font: 700 clamp(3rem, 7vw, 5.8rem)/.88 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif; letter-spacing: -.04em; }
  .hub-intro > p:not(.home-kicker):not(.hub-intro__timestamp) { max-width: 58rem; color: var(--ink-2); font-size: 1rem; }
  .hub-intro .home-kicker a { color: inherit; }
  .hub-search { margin-top: .5rem; }
  .hub-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: .65rem; border-block: 1px solid var(--ink); }
  .hub-stats div { padding: .55rem .75rem; border-right: 1px solid var(--rule); }
  .hub-stats div:first-child { padding-left: 0; }
  .hub-stats div:last-child { border-right: 0; }
  .hub-stats dt { color: var(--ink-2); font-size: .63rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; }
  .hub-stats dd { margin-top: .1rem; font: 700 1.25rem/1.1 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif; overflow-wrap: anywhere; }
  .hub-stats time { font: .68rem/1.3 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; }
  .hub-intro__timestamp { color: var(--ink-2); font: .65rem/1.4 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; }


  /* The catalog room: one compact instrument, the query first, the seven
     narrowing controls in a native disclosure, and one card grammar shared by
     the JavaScript results and the finite JavaScript-off shelf. */
  .scope-instrument--catalog { grid-template-columns: minmax(0, 1fr); grid-template-areas: "lead" "status"; gap: .9rem; padding: clamp(1rem, 2.6vw, 2rem) clamp(1.1rem, 3.2vw, 3rem); }
  .scope-instrument--catalog h1 { max-width: none; font-size: clamp(2.5rem, 5vw, 3.8rem); }
  .scope-instrument--catalog .scope-instrument__status { padding-top: .75rem; }
  .catalog-workbench { margin-top: 1rem; }
  .catalog-form { display: grid; gap: .7rem; padding: .9rem 1rem .5rem; border: 1px solid var(--ink); border-radius: 8px; background: var(--surface); }
  .catalog-form__query { display: grid; gap: .35rem; }
  .catalog-form__query > label { font-size: .84rem; font-weight: 700; }
  .catalog-form__query > div { display: flex; gap: .45rem; }
  .catalog-form input, .catalog-form select { min-width: 0; min-height: 44px; padding: .55rem .65rem; border: 1px solid var(--ink); border-radius: 6px; color: var(--ink); background: var(--ground); }
  .catalog-form__query input { flex: 1 1 12rem; }
  .catalog-form button { min-height: 44px; padding: .55rem .9rem; border: 1px solid var(--ink); border-radius: 6px; color: var(--ink-on-dark); background: var(--furniture); font-weight: 750; white-space: nowrap; cursor: pointer; }
  .catalog-form__filters { border-top: 1px solid var(--rule); }
  .catalog-form__filters > summary { min-height: 44px; display: flex; align-items: center; flex-wrap: wrap; gap: .3rem .6rem; cursor: pointer; font-size: .8rem; font-weight: 700; list-style: none; }
  .catalog-form__filters > summary::-webkit-details-marker { display: none; }
  .catalog-form__filters > summary::before { content: "+"; flex: 0 0 auto; width: 1.3rem; height: 1.3rem; display: inline-grid; place-items: center; border: 1px solid var(--ink); border-radius: 50%; font: 700 .9rem/1 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; }
  .catalog-form__filters[open] > summary::before { content: "−"; }
  .catalog-form__filters > summary small { color: var(--ink-2); font-size: .72rem; font-weight: 650; }
  .catalog-form__filters > summary small:empty { display: none; }
  .catalog-controls { display: grid; grid-template-columns: repeat(auto-fit, minmax(8.5rem, 1fr)); gap: .65rem; padding-top: .35rem; }
  .catalog-controls label { min-width: 0; display: grid; gap: .25rem; font-size: .66rem; font-weight: 700; letter-spacing: .02em; }
  .catalog-form__actions { display: flex; align-items: center; gap: .9rem; padding: .75rem 0 .4rem; }
  .catalog-form__actions a { min-height: 44px; display: inline-flex; align-items: center; font-size: .74rem; font-weight: 700; }
  .catalog-results-head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: .2rem 1rem; margin-top: 1.4rem; padding-block: .5rem .5rem; border-top: 2px solid var(--ink); }
  .catalog-results-head h2 { font: 700 clamp(1.6rem, 3vw, 2.2rem)/1 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif; }
  .catalog-results-head .search-status { min-height: 1.4em; margin: 0; color: var(--ink-2); font-size: .76rem; font-weight: 650; }
  .catalog-results { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--ink); }
  .catalog-result { border-bottom: 1px solid var(--rule); }
  .catalog-result > a { min-height: 4.5rem; display: grid; grid-template-columns: 3.5rem 9rem minmax(12rem, 1fr) 7.5rem 9rem 10rem; grid-template-areas: "media identity title price verdict evidence"; gap: .5rem 1rem; align-items: center; padding: .6rem .25rem; color: var(--ink); text-decoration: none; }
  /* Thumbnail mat: one fixed square whether or not a confirmed derivative
     exists (no image is a valid state; the mat never fakes one). */
  .catalog-result__media { grid-area: media; width: 3.5rem; aspect-ratio: 1; display: grid; place-items: center; overflow: hidden; border: 1px solid var(--rule); border-radius: 4px; background: #fff; }
  .catalog-result__media img { width: 100%; height: 100%; padding: .2rem; object-fit: contain; }
  .catalog-result__media--none { border-style: dotted; background: var(--surface); }
  .catalog-result__identity { grid-area: identity; min-width: 0; display: grid; gap: .1rem; }
  .catalog-result__model { font: 700 .78rem/1.25 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; overflow-wrap: anywhere; }
  .catalog-result__identity small, .catalog-result__title small, .catalog-result__evidence small { color: var(--ink-2); font-size: .66rem; line-height: 1.3; }
  .catalog-result__title { grid-area: title; min-width: 0; display: grid; gap: .12rem; }
  .catalog-result__title strong { font-size: .84rem; line-height: 1.28; }
  .catalog-result__price { grid-area: price; display: grid; justify-items: end; text-align: right; }
  .catalog-result__price strong { font: 700 1.55rem/1 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif; font-variant-numeric: tabular-nums; }
  .catalog-result__price small { color: var(--ink-2); font-size: .64rem; line-height: 1.25; }
  /* D-V4d §2: a witnessed price we cannot currently witness. Past tense,
     never the lead, and visibly quieter than the offer that IS current. */
  .catalog-result__last-observed { margin-top: .12rem; color: var(--ink-3, var(--ink-2)); font-variant-numeric: tabular-nums; }
  .catalog-result__verdict, .catalog-result__maturity { grid-area: verdict; justify-self: start; padding: .25rem .4rem; border: 1px solid var(--rule); color: var(--ink-2); white-space: nowrap; }
  .catalog-result__verdict { font: 700 .58rem/1.25 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; }
  .catalog-result__maturity { border-style: dotted; font-size: .62rem; font-weight: 650; line-height: 1.25; }
  .catalog-result__verdict--measured { border-color: var(--measured-text); color: var(--measured-text); }
  .catalog-result__verdict--claims { border-color: var(--claims-outline); color: var(--claims-text); }
  .catalog-result__verdict--caution { border: 3px double var(--caution-edge); color: var(--ink); }
  .catalog-result__evidence { grid-area: evidence; display: grid; gap: .1rem; text-align: right; white-space: nowrap; }
  .catalog-result__evidence strong { font-size: .76rem; }
  .catalog-result > a:hover .catalog-result__title strong { text-decoration: underline; }
  .catalog-pagination { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding-top: .75rem; }
  .catalog-pagination button { min-height: 44px; padding: .5rem .8rem; border: 1px solid var(--ink); color: var(--ink); background: var(--surface); font-weight: 700; cursor: pointer; }
  .catalog-pagination button:disabled { opacity: .5; cursor: default; }
  .catalog-pagination span { color: var(--ink-2); font-size: .7rem; }
  .catalog-fallback { margin-top: 1.5rem; }
  .catalog-fallback[hidden] { display: none; }
  .catalog-fallback header { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: .2rem 1rem; padding-bottom: .5rem; }
  .catalog-fallback h3 { font: 700 1.35rem/1 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif; }
  .catalog-fallback header p, .catalog-fallback__notice { color: var(--ink-2); font-size: .72rem; }
  .catalog-fallback__notice { margin-top: .6rem; }

  .hub-platform-nav { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 1rem; border-block: 1px solid var(--ink); }
  .hub-platform-nav a { min-height: 6rem; display: grid; align-content: center; gap: .12rem; padding: .65rem 1rem; border-right: 1px solid var(--rule); color: var(--ink); text-decoration: none; }
  .hub-platform-nav a:last-child { border-right: 0; }
  .hub-platform-nav strong { font: 700 2rem/1 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif; }
  .hub-platform-nav span { color: var(--ink-2); font-size: .68rem; }
  .hub-platform-nav a:hover strong { text-decoration: underline; }

  .record-list li { border-bottom: 1px solid var(--rule); }
  .record-list a { min-height: 4.75rem; display: grid; grid-template-columns: 3rem minmax(15rem, 1fr) 7rem 7rem 10rem; gap: 1rem; align-items: center; padding: .55rem .25rem; color: var(--ink); text-decoration: none; }
  .record-list__rank { color: var(--ink-2); font: 700 1.5rem/1 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif; }
  .record-list__identity { min-width: 0; display: grid; }
  .record-list__identity > b { font: .65rem/1.2 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; }
  .record-list__identity > strong { font-size: .82rem; line-height: 1.25; }
  .record-list__identity > small { color: var(--ink-2); font-size: .65rem; }
  .record-list__depth, .record-list__price { display: grid; text-align: right; }
  .record-list__depth b, .record-list__price b { font: 700 1.4rem/1 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif; }
  .record-list__depth small, .record-list__price small { color: var(--ink-2); font-size: .58rem; text-transform: uppercase; }
  .record-list time { color: var(--ink-2); font: .6rem/1.3 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; text-align: right; }
  .record-list a:hover .record-list__identity > strong { text-decoration: underline; }

  /* Trust center: a working explanation of the product's evidence contract,
     not a long-form manifesto. Tokens stay local to this surface. */
  .trust-shell, .recovery-shell {
    width: min(100% - 2rem, 78rem);
    margin-inline: auto;
    padding-top: clamp(1rem, 3vw, 2.5rem);
  }
  .trust-hero {
    --trust-stage: #11161c;
    --trust-stage-2: #1a2129;
    --trust-rule: #36414d;
    --trust-ink: #f5f1e8;
    --trust-muted: #bdc6cf;
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(20rem, .85fr);
    grid-template-areas: "lead facts" "status status";
    gap: 1.25rem clamp(1.5rem, 4vw, 4rem);
    padding: clamp(1.25rem, 3.2vw, 3rem);
    border-radius: 8px;
    color: var(--trust-ink);
    background: var(--trust-stage);
    box-shadow: 0 12px 32px rgb(0 0 0 / .18);
  }
  .trust-hero__lead { grid-area: lead; display: grid; align-content: center; gap: .8rem; }
  .trust-hero .home-kicker { color: #ff6c70; }
  .trust-hero h1 { max-width: 11ch; font: 700 clamp(3.1rem, 6.5vw, 5.5rem)/.88 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif; letter-spacing: -.035em; }
  .trust-hero__lead > p:not(.home-kicker) { max-width: 42rem; color: var(--trust-muted); font-size: .96rem; line-height: 1.5; }
  .trust-hero__actions { display: flex; flex-wrap: wrap; gap: .55rem; }
  .trust-hero__actions a { min-height: 44px; display: inline-flex; align-items: center; padding: .55rem .8rem; border: 1px solid var(--trust-ink); border-radius: 6px; color: var(--trust-stage); background: var(--trust-ink); font-size: .76rem; font-weight: 750; text-decoration: none; }
  .trust-hero__actions a + a { color: var(--trust-ink); background: transparent; }
  .trust-hero__facts { grid-area: facts; align-self: end; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border: 1px solid var(--trust-rule); background: var(--trust-stage-2); }
  .trust-hero__facts div { min-width: 0; display: flex; flex-direction: column; justify-content: flex-start; gap: .45rem; padding: 1rem 1.05rem 1.1rem; border-right: 1px solid var(--trust-rule); border-bottom: 1px solid var(--trust-rule); }
  .trust-hero__facts div:nth-child(2n) { border-right: 0; }
  .trust-hero__facts div:nth-last-child(-n+2) { border-bottom: 0; }
  .trust-hero__facts dt { color: var(--trust-muted); font: 700 .66rem/1.3 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; letter-spacing: .05em; text-transform: uppercase; }
  .trust-hero__facts dd { font: 700 clamp(1.5rem, 3vw, 2.25rem)/1 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif; }
  .trust-hero__status { grid-area: status; display: block; padding-top: .8rem; border-top: 1px solid var(--trust-rule); color: var(--trust-ink); font: .74rem/1.5 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; }
  .trust-hero__status time { white-space: nowrap; }
  .trust-hero__status > span { display: inline-block; width: .55rem; height: .55rem; margin-right: .5rem; vertical-align: middle; border-radius: 50%; background: #ff6c70; }
  .trust-jump { display: flex; flex-wrap: wrap; width: fit-content; max-width: 100%; margin-top: 1rem; border: 1px solid var(--ink); border-radius: 6px; overflow: hidden; background: var(--surface); }
  .trust-jump a { min-height: 44px; display: inline-flex; align-items: center; padding: .55rem .9rem; border-right: 1px solid var(--rule); color: var(--ink); font-size: .78rem; font-weight: 700; text-decoration: none; }
  .trust-jump a:last-child { border-right: 0; }
  .trust-jump a:hover { text-decoration: underline; }
  .trust-section { margin-top: clamp(3rem, 5vw, 4.5rem); }
  .trust-section__head, .recovery-records > header { display: grid; grid-template-columns: minmax(14rem, .85fr) minmax(18rem, 1.15fr); gap: .75rem 2rem; align-items: end; padding-block: .65rem .9rem; border-top: 2px solid var(--ink); }
  .trust-section__head h2, .recovery-records h2, .recovery-actions h2, .retailer-scope h2 { margin-top: .15rem; font: 700 clamp(2rem, 4vw, 3rem)/.95 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif; letter-spacing: -.015em; }
  .trust-section__head > p, .recovery-records > header > p { max-width: 44rem; color: var(--ink-2); font-size: .92rem; line-height: 1.5; }
  .trust-pipeline { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; padding: 0; border: 1px solid var(--ink); border-radius: 8px; overflow: hidden; list-style: none; background: var(--surface); }
  .trust-pipeline li { display: flex; flex-direction: column; gap: .8rem; padding: 1.1rem 1.1rem 1.3rem; border-right: 1px solid var(--rule); }
  .trust-pipeline li:last-child { border-right: 0; }
  .trust-pipeline li > span { color: var(--measured-text); font: 700 2rem/1 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif; }
  .trust-pipeline h3, .evidence-class-grid h3, .maturity-ladder h3 { font-size: 1rem; line-height: 1.2; }
  .trust-pipeline p, .evidence-class-grid p, .maturity-ladder p { margin-top: .4rem; color: var(--ink-2); font-size: .82rem; line-height: 1.5; }
  .evidence-class-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; }
  .evidence-class-grid article { padding: 1.1rem 1.1rem 1.3rem; border: 1px solid var(--ink); border-radius: 8px; background: var(--surface); }
  .evidence-class-grid article > small { display: block; margin-bottom: .9rem; color: var(--ink-2); font: 700 .68rem/1.3 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; letter-spacing: .06em; text-transform: uppercase; }
  .evidence-class-grid article > strong { display: block; margin-bottom: .3rem; color: var(--measured-text); font: 700 2.4rem/.9 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif; }
  .trust-guardrail { margin-top: .75rem; display: grid; grid-template-columns: minmax(12rem, .45fr) minmax(0, 1.55fr); gap: 1rem 2rem; padding: 1rem; border: 3px double var(--caution-edge); background: color-mix(in srgb, var(--caution) 12%, var(--surface)); }
  .trust-guardrail strong { font-size: .9rem; }
  .trust-guardrail p { color: var(--ink); font-size: .86rem; line-height: 1.5; }
  .maturity-ladder { margin: 0; padding: 0; border-top: 1px solid var(--ink); list-style: none; }
  .maturity-ladder li { display: grid; grid-template-columns: 4rem minmax(14rem, .9fr) minmax(18rem, 1.1fr); gap: .5rem 2rem; align-items: start; padding: 1.1rem .25rem 1.2rem; border-bottom: 1px solid var(--rule); }
  .maturity-ladder li > span { color: var(--measured-text); font: 700 2.2rem/1 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif; }
  .maturity-ladder li > strong { font-size: .9rem; line-height: 1.45; }
  .trust-coverage-summary { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(18rem, .95fr); gap: 1rem 2rem; align-items: start; }
  .trust-coverage-summary > dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border: 1px solid var(--ink); background: var(--surface); }
  .trust-coverage-summary > dl div { min-width: 0; padding: .9rem 1rem 1rem; border-right: 1px solid var(--rule); border-bottom: 1px solid var(--rule); }
  .trust-coverage-summary > dl div:nth-child(2n) { border-right: 0; }
  .trust-coverage-summary > dl div:nth-last-child(-n+2) { border-bottom: 0; }
  .trust-coverage-summary dt { color: var(--ink-2); font-size: .68rem; letter-spacing: .04em; text-transform: uppercase; }
  .trust-coverage-summary dd { margin-top: .3rem; font: 700 1.6rem/1.1 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif; overflow-wrap: anywhere; }
  .trust-retailer-list { border-top: 1px solid var(--ink); }
  .trust-retailer-list > p { padding: .6rem .2rem; border-bottom: 1px solid var(--rule); color: var(--ink-2); font-size: .78rem; }
  .trust-retailer-list a { min-height: 3.6rem; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .6rem 1rem; align-items: center; padding: .65rem .2rem; border-bottom: 1px solid var(--rule); color: var(--ink); text-decoration: none; }
  .trust-retailer-list a span { min-width: 0; display: grid; }
  .trust-retailer-list small { color: var(--ink-2); font-size: .74rem; }
  .trust-retailer-list b { font-size: .8rem; }
  .trust-retailer-list a:hover strong { text-decoration: underline; }
  .trust-disclosure { margin-top: 1rem; padding: .8rem 1rem; border-left: 4px solid var(--measured-text); background: var(--surface); font-size: .86rem; line-height: 1.5; }
  .trust-two-up { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(1.5rem, 5vw, 5rem); padding-block: 1.25rem; border-block: 2px solid var(--ink); }
  .trust-two-up + .trust-two-up { margin-top: 0; padding-top: 1.5rem; border-top: 1px solid var(--rule); }
  .trust-two-up h2 { margin-top: .15rem; font: 700 clamp(2rem, 4vw, 3rem)/.95 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif; }
  .trust-two-up p:not(.home-kicker) { margin-top: .7rem; font-size: .9rem; line-height: 1.55; }
  .trust-two-up ul { display: grid; gap: .55rem; margin: .9rem 0 0; padding: 0; list-style: none; }
  .trust-two-up li { padding-left: .9rem; border-left: 3px solid var(--rule); color: var(--ink-2); font-size: .84rem; line-height: 1.5; }

  .retailer-scope { margin-top: 1.25rem; display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(18rem, .75fr); gap: 1rem 3rem; padding: 1rem 0; border-block: 1px solid var(--ink); }
  .retailer-scope > div > p:not(.home-kicker) { max-width: 48rem; margin-top: .55rem; color: var(--ink-2); font-size: .78rem; }
  .retailer-scope dl { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .retailer-scope dl div { display: grid; align-content: center; padding: .7rem; border-left: 1px solid var(--rule); }
  .retailer-scope dt { color: var(--ink-2); font-size: .55rem; text-transform: uppercase; }
  .retailer-scope dd { margin-top: .15rem; font: 700 1.25rem/1 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif; }

  .recovery-stage { --recovery-stage: #11161c; --recovery-ink: #f5f1e8; --recovery-muted: #bdc6cf; min-height: 27rem; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2rem; align-items: center; padding: clamp(1.25rem, 4vw, 3.5rem); border-radius: 8px; color: var(--recovery-ink); background: var(--recovery-stage); box-shadow: 0 12px 32px rgb(0 0 0 / .18); }
  .recovery-stage > div { display: grid; gap: .75rem; }
  .recovery-stage .home-kicker { color: #ff6c70; }
  .recovery-stage h1 { max-width: 13ch; font: 700 clamp(3rem, 7vw, 5.8rem)/.88 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif; letter-spacing: -.04em; }
  .recovery-stage > div > p:not(.home-kicker) { max-width: 42rem; color: var(--recovery-muted); font-size: .92rem; }
  .recovery-stage > strong { color: #ff6c70; font: 700 clamp(6rem, 15vw, 12rem)/.7 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif; letter-spacing: -.05em; }
  .recovery-search { max-width: 43rem; display: grid; gap: .35rem; margin-top: .35rem; }
  .recovery-search label { font-size: .75rem; font-weight: 700; }
  .recovery-search > div { display: flex; gap: .45rem; }
  .recovery-search input { min-width: 0; min-height: 48px; flex: 1 1 11rem; padding: .6rem .75rem; border: 1px solid #727d89; border-radius: 6px; color: #171a1f; background: #fff; }
  .recovery-search button { min-height: 48px; padding: .6rem .85rem; border: 1px solid var(--recovery-ink); border-radius: 6px; color: var(--recovery-stage); background: var(--recovery-ink); font-weight: 750; cursor: pointer; }
  .recovery-actions { display: grid; grid-template-columns: minmax(14rem, .8fr) minmax(18rem, 1.2fr); gap: 1rem 3rem; margin-top: 1rem; padding-block: 1rem; border-block: 1px solid var(--ink); }
  .recovery-actions > div > p:not(.home-kicker) { max-width: 38rem; margin-top: .4rem; color: var(--ink-2); font-size: .78rem; }
  .recovery-actions nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border: 1px solid var(--ink); }
  .recovery-actions nav a { min-height: 4.5rem; display: flex; align-items: center; justify-content: space-between; padding: .65rem .8rem; border-right: 1px solid var(--rule); border-bottom: 1px solid var(--rule); color: var(--ink); font-size: .75rem; font-weight: 700; text-decoration: none; }
  .recovery-actions nav a:nth-child(2n) { border-right: 0; }
  .recovery-actions nav a:nth-last-child(-n+2) { border-bottom: 0; }
  .recovery-actions nav a::after { content: "→"; }
  .recovery-actions nav a:hover { text-decoration: underline; }
  .recovery-records { margin-top: clamp(3.5rem, 7vw, 6rem); }
}

@layer media {
  @media (max-width: 64rem) {
    .home-hero { grid-template-columns: minmax(0, .82fr) minmax(25rem, 1.18fr); }
    .home-section__head { grid-template-columns: minmax(15rem, .9fr) minmax(0, 1.1fr); align-items: end; }
    .home-section__head > a { grid-column: 2; align-items: center; }
    .activity-row { grid-template-columns: 7.5rem minmax(13rem, 1.4fr) 7rem minmax(10rem, .8fr); }
    .activity-row__receipt { grid-column: 4; }
    .catalog-controls { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .catalog-result > a { grid-template-columns: 3.5rem 8rem minmax(10rem, 1fr) 7.5rem 10rem; grid-template-areas: "media identity title price evidence" "media identity title verdict verdict"; }
    .catalog-result__verdict, .catalog-result__maturity { justify-self: end; }
    .trust-pipeline { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .trust-pipeline li { border-bottom: 1px solid var(--rule); }
    .trust-pipeline li:nth-child(2n) { border-right: 0; }
    .trust-pipeline li:nth-last-child(-n+2) { border-bottom: 0; }
  }

  @media (max-width: 52rem) {
    .scope-instrument { grid-template-columns: minmax(0, 1fr); grid-template-areas: "lead" "facts" "status"; }
    .scope-instrument__facts { min-height: 12rem; }
    .brand-row { grid-template-columns: minmax(0, 1fr); grid-template-areas: "identity" "facts" "systems"; gap: .75rem; }
    .brand-row.brand-row--upcoming { grid-template-areas: "identity" "pending"; }
    .retailer-row { grid-template-columns: minmax(0, 1fr); grid-template-areas: "name" "scope" "facts" "collection"; gap: .3rem; }
    .retailer-row .nav-facts { margin-top: .5rem; border-top: 1px solid var(--rule); }
    .scope-instrument__identity > span { max-width: none; }
    .home-hero { grid-template-columns: minmax(0, 1fr); grid-template-areas: "copy" "record" "scope"; }
    .hero-record__media { min-height: 17rem; }
    .coverage-rail { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .coverage-rail div:nth-child(2) { border-right: 0; }
    .coverage-rail div:nth-child(-n+2) { border-bottom: 1px solid var(--rule); }
    .home-deal-layout, .hub-deals,
    .home-deal-layout[data-card-count="3"], .hub-deals[data-card-count="3"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .activity-row { grid-template-columns: 7rem minmax(0, 1fr) 8rem; grid-template-areas: "event identity price" "spark spark receipt"; }
    .activity-row__event { grid-area: event; }
    .activity-row__identity { grid-area: identity; }
    .activity-row__spark { grid-area: spark; width: 9rem; }
    .activity-row__decision { grid-area: price; text-align: right; }
    .activity-row__receipt { grid-area: receipt; justify-self: end; }
    .claim-path__example { grid-template-columns: minmax(0, 1fr); }
    .claim-path__example > span { border-right: 0; border-bottom: 1px solid var(--rule); }
    .trust-block { grid-template-columns: minmax(0, 1fr); }
    .hub-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .hub-stats div:nth-child(2) { border-right: 0; }
    .hub-stats div:nth-child(-n+2) { border-bottom: 1px solid var(--rule); }
    .record-list a { grid-template-columns: 2.5rem minmax(0, 1fr) 6rem 6rem; }
    .record-list time { grid-column: 2 / -1; text-align: left; }
    .catalog-controls { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .catalog-result > a { grid-template-columns: 4rem minmax(0, 1fr) minmax(0, max-content); grid-template-areas: "media identity price" "media title title" "verdict verdict evidence"; gap: .4rem .7rem; align-items: start; padding-block: .65rem; }
    .catalog-result__media { width: 4rem; align-self: start; }
    .catalog-result__verdict, .catalog-result__maturity, .catalog-result__evidence { align-self: center; justify-self: start; }
    .catalog-result__evidence { justify-self: end; }
    .trust-hero { grid-template-columns: minmax(0, 1fr); grid-template-areas: "lead" "facts" "status"; }
    .evidence-class-grid { grid-template-columns: minmax(0, 1fr); }
    .trust-coverage-summary { grid-template-columns: minmax(0, 1fr); }
    .maturity-ladder li { grid-template-columns: 3.5rem minmax(0, .8fr) minmax(0, 1.2fr); gap: .75rem 1rem; }
    .retailer-scope { grid-template-columns: minmax(0, 1fr); }
    .retailer-scope dl div:first-child { border-left: 0; }
    .recovery-stage { grid-template-columns: minmax(0, 1fr); }
    .recovery-stage > strong { grid-row: 1; justify-self: end; font-size: 6rem; }
    .recovery-actions { grid-template-columns: minmax(0, 1fr); }
  }

  @media (max-width: 40rem) {
    .chrome-shell { padding: var(--space-5) .75rem var(--space-6); }
    .home-shell, .hub-shell { width: min(100% - 1rem, 78rem); }
    .home-hero { margin-top: .5rem; gap: .7rem; padding: .75rem; }
    .home-hero__copy { gap: .55rem; }
    .home-hero h1 { max-width: none; font-size: clamp(2.65rem, 13vw, 3.3rem); }
    .home-hero__subhead { font-size: .83rem; line-height: 1.35; }
    .catalog-form { padding: .75rem .8rem .35rem; }
    .catalog-form__query input { flex-basis: 9rem; }
    .home-search { gap: .24rem; }
    .home-search label { font-size: .72rem; }
    .home-search > div { gap: .35rem; }
    .home-search input, .home-search button { min-height: 44px; border-radius: 6px; font-size: .78rem; }
    .home-search input { padding-inline: .55rem; }
    .home-search button { padding-inline: .65rem; }
    .hero-record__link { grid-template-columns: 6.7rem minmax(0, 1fr); }
    .hero-record__media { min-height: 0; }
    .hero-record__media img { padding: .35rem; }
    .hero-record__fallback b { font-size: 1.2rem; }
    .hero-record__fallback small { font-size: .46rem; }
    .hero-record__body { padding: .55rem; }
    .hero-record__eyebrow { font-size: .48rem; }
    .hero-record__model { margin-top: .35rem; font-size: .55rem; }
    .hero-record h2 { margin-top: .08rem; font-size: .72rem; line-height: 1.25; }
    .hero-record__composition { font-size: .55rem; }
    .hero-record__price { padding-top: .35rem; }
    .hero-record__price span, .hero-record__price small { font-size: .5rem; }
    .hero-record__price strong { font-size: 2rem; }
    .hero-record .verdict { margin-top: .5rem; }
    .hero-record__availability { margin-top: .7rem; font-size: .52rem; }
    .hero-record__action { min-height: 32px; padding-top: .15rem; font-size: .62rem; }
    .home-hero__scope { padding-top: .45rem; font-size: .54rem; }
    .coverage-rail { margin-top: .65rem; }
    .coverage-rail div { padding: .45rem .4rem; }
    .coverage-rail dt { font-size: .52rem; }
    .coverage-rail dd { font-size: .64rem; }
    .coverage-rail div:nth-child(-n+2) dd { font-size: 1.15rem; }
    .home-section, .hub-section { margin-top: 3rem; }
    .home-section__head { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "title link" "lede lede"; gap: .25rem .75rem; align-items: end; padding-block: .5rem .6rem; }
    .home-section__head > div { grid-area: title; }
    .home-section__head > p { grid-area: lede; margin-top: .1rem; font-size: .74rem; }
    .home-section__head > a { grid-area: link; min-height: 2.75rem; align-items: end; padding-bottom: .1rem; font-size: .72rem; text-align: right; }
    .home-section__head h2 { font-size: 2rem; }
    .home-deal-layout, .hub-deals,
    .home-deal-layout[data-card-count="1"], .hub-deals[data-card-count="1"],
    .home-deal-layout[data-card-count="2"], .hub-deals[data-card-count="2"],
    .home-deal-layout[data-card-count="3"], .hub-deals[data-card-count="3"] { grid-template-columns: minmax(0, 1fr); gap: .5rem; }
    .activity-row { display: grid; grid-template-columns: minmax(0, 1fr) 7.5rem; grid-template-areas: "event event" "identity price" "spark receipt"; gap: .3rem .6rem; align-items: start; padding: .55rem 0; }
    .activity-row__event { display: flex; flex-wrap: wrap; align-items: baseline; gap: .2rem .45rem; }
    .activity-row__identity { gap: .05rem; }
    .activity-row__identity > a { font-size: .78rem; line-height: 1.25; }
    .activity-row__spark { display: flex; align-items: end; gap: .45rem; width: auto; align-self: end; }
    .activity-row__spark .deal-sparkline { width: 6.5rem; flex: 0 0 auto; }
    .activity-row__spark > span { margin-top: 0; padding-bottom: .1rem; text-align: left; }
    .activity-row__decision > span { font-size: .55rem; }
    .activity-row__decision > strong { font-size: 1.5rem; }
    .activity-row__decision > b { font-size: .62rem; line-height: 1.25; }
    .activity-row__decision .verdict { max-width: 7.5rem; margin-top: .3rem; margin-left: auto; }
    .activity-row__decision .verdict-stack { margin-left: auto; }
    .activity-row__decision .verdict-companion { width: fit-content; max-width: 100%; margin-left: auto; text-align: left; }
    /* The sparkline sets this grid row at 46px, so the house 44px target
       costs no height here (measured: identical row heights). */
    .activity-row__receipt { min-height: 44px; align-self: end; }
    .claim-path__example > span { gap: .35rem; padding: .7rem .75rem .8rem; }
    .claim-path__example strong { font-size: 1rem; }
    .claim-path__example em { min-height: 2.75rem; padding-inline: .75rem; }
    .trust-block { gap: .6rem; padding-block: 1.1rem; }
    .hub-shell { padding-top: .8rem; }
    .scope-instrument { gap: .7rem; padding: .8rem; border-radius: 6px; }
    .scope-instrument h1 { max-width: none; font-size: clamp(2.75rem, 14vw, 3.8rem); }
    .scope-instrument__lead { gap: .5rem; }
    .scope-instrument__lead > p:not(.home-kicker) { font-size: .79rem; line-height: 1.4; }
    .scope-search > div { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .35rem; }
    .scope-search input, .scope-search button { min-height: 44px; border-radius: 6px; padding-inline: .55rem; font-size: .73rem; }
    .scope-instrument__facts { min-height: 9rem; }
    .scope-instrument__facts div { gap: .35rem; padding: .55rem; }
    .scope-instrument__facts dt { font-size: .68rem; }
    .scope-instrument__facts dd { font-size: 1.15rem; }
    .scope-instrument__facts time { font-size: .68rem; }
    .scope-instrument__status { padding-top: .5rem; font-size: .68rem; }
    .facet-rail { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .facet-rail a { min-height: 4.75rem; padding: .6rem .65rem; border-bottom: 1px solid var(--rule); }
    .facet-rail a:nth-child(2n) { border-right: 0; }
    .facet-rail__label { font-size: .74rem; }
    .facet-rail strong { font-size: 1.7rem; }
    .facet-rail small { font-size: .7rem; }
    .brand-row { padding: .85rem; }
    .brand-row__name { font-size: 2.7rem; }
    .retailer-row { padding: .75rem .85rem; }
    .retailer-row__name { font-size: 1.7rem; }
    .nav-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .nav-facts div { padding: .5rem .55rem; }
    .nav-facts div:nth-child(2n) { border-right: 0; }
    .nav-facts div:nth-child(-n+2) { border-bottom: 1px solid var(--rule); }
    .nav-facts dt { font-size: .68rem; }
    .nav-facts dd { font-size: 1.25rem; }
    .system-tiles { grid-template-columns: minmax(0, 1fr); }
    .system-tiles a { min-height: 0; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "label kind" "facts facts"; align-items: baseline; column-gap: .75rem; }
    .system-tiles strong { grid-area: label; font-size: 1.8rem; }
    .system-tiles__kind { grid-area: kind; margin-top: 0; }
    .system-tiles__facts { grid-area: facts; margin-top: .3rem; }
    .nav-mark { flex-basis: 3.25rem; inline-size: 3.25rem; block-size: 1.85rem; padding: .15rem .22rem; }
    .scope-instrument__identity .nav-mark { inline-size: 4.5rem; block-size: 2.5rem; padding: .3rem .4rem; }
    .collection-strip { grid-template-columns: minmax(0, 1fr); grid-template-areas: "kicker" "label" "receipt" "action"; gap: .2rem; padding: .7rem .8rem; }
    .collection-strip__action { justify-content: space-between; margin-top: .4rem; }
    .collection-strip > strong { font-size: 1.5rem; }
    .catalog-form { padding: .7rem; }
    .catalog-form__query > div { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .35rem; }
    .catalog-form__query input, .catalog-form__query button { font-size: .72rem; padding-inline: .5rem; }
    .catalog-controls { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem; }
    .catalog-form input, .catalog-form select { font-size: .68rem; padding-inline: .45rem; }
    .catalog-results-head { display: block; margin-top: 1.5rem; }
    .catalog-results-head .search-status { margin-top: .25rem; text-align: left; }
    .catalog-result__price, .catalog-result__evidence { text-align: right; }
    .catalog-result__title strong { font-size: .76rem; }
    .catalog-result__verdict { font-size: .5rem; }
    .catalog-fallback header { display: block; }
    .catalog-fallback header p { margin-top: .2rem; }
    .hub-intro h1 { max-width: none; font-size: clamp(2.7rem, 14vw, 3.7rem); }
    .hub-intro > p:not(.home-kicker):not(.hub-intro__timestamp) { font-size: .82rem; }
    .hub-search div { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .35rem; }
    .hub-search input, .hub-search button { min-height: 44px; font-size: .75rem; padding-inline: .6rem; }
    .hub-stats div { padding: .45rem .4rem; }
    .hub-stats dt { font-size: .52rem; }
    .hub-stats dd { font-size: 1rem; }
    .hub-platform-nav { grid-template-columns: minmax(0, 1fr); }
    .hub-platform-nav a { min-height: 4.5rem; border-right: 0; border-bottom: 1px solid var(--rule); }
    .hub-platform-nav a:last-child { border-bottom: 0; }
    .record-list a { grid-template-columns: 2rem minmax(0, 1fr) 5rem; gap: .4rem .6rem; }
    .record-list__price { display: none; }
    .record-list time { grid-column: 2 / -1; }
    .trust-shell, .recovery-shell { width: min(100% - 1rem, 78rem); padding-top: .5rem; }
    .trust-hero { gap: .7rem; padding: .8rem; border-radius: 6px; }
    .trust-hero h1 { max-width: none; font-size: clamp(2.75rem, 14vw, 3.8rem); }
    .trust-hero__lead { gap: .55rem; }
    .trust-hero__lead > p:not(.home-kicker) { font-size: .8rem; }
    .trust-hero__facts div { gap: .3rem; padding: .7rem .75rem; }
    .trust-hero__facts dt { font-size: .64rem; }
    .trust-hero__facts dd { font-size: 1.5rem; }
    .trust-hero__status { padding-top: .6rem; font-size: .68rem; }
    .trust-jump { display: grid; width: auto; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .trust-jump a { border-right: 1px solid var(--rule); border-bottom: 1px solid var(--rule); }
    .trust-jump a:nth-child(2n) { border-right: 0; }
    .trust-jump a:nth-last-child(-n+2) { border-bottom: 0; }
    .trust-section { margin-top: 3rem; }
    .trust-section__head, .recovery-records > header { display: block; }
    .trust-section__head h2, .recovery-records h2, .recovery-actions h2, .retailer-scope h2 { font-size: 2rem; }
    .trust-section__head > p, .recovery-records > header > p { margin-top: .35rem; font-size: .84rem; }
    .trust-pipeline { grid-template-columns: minmax(0, 1fr); }
    .trust-pipeline li { gap: .6rem; border-right: 0; border-bottom: 1px solid var(--rule) !important; }
    .trust-pipeline li:last-child { border-bottom: 0 !important; }
    .evidence-class-grid article { padding: .8rem; }
    .trust-guardrail { grid-template-columns: minmax(0, 1fr); gap: .35rem; padding: .75rem; }
    .maturity-ladder li { grid-template-columns: 3rem minmax(0, 1fr); gap: .35rem .7rem; }
    .maturity-ladder li > strong { grid-column: 2; }
    .trust-coverage-summary > dl div { padding: .7rem; }
    .trust-coverage-summary dd { font-size: 1.25rem; }
    .trust-two-up { grid-template-columns: minmax(0, 1fr); gap: 2rem; }
    .trust-two-up h2 { font-size: 2rem; }
    .retailer-scope dl { grid-template-columns: minmax(0, 1fr); }
    .retailer-scope dl div { border-left: 0; border-top: 1px solid var(--rule); }
    .recovery-stage { min-height: 0; gap: .5rem; padding: .8rem; border-radius: 6px; }
    .recovery-stage > strong { font-size: 4.5rem; }
    .recovery-stage h1 { max-width: none; font-size: clamp(2.7rem, 14vw, 3.7rem); }
    .recovery-stage > div > p:not(.home-kicker) { font-size: .8rem; }
    .recovery-search input, .recovery-search button { min-height: 44px; font-size: .75rem; }
    .recovery-actions nav a { min-height: 4rem; padding: .5rem; }
  }

  @media (max-width: 22rem) {
    .home-search > div { flex-wrap: wrap; }
    .home-search button { flex: 1 1 100%; }
    .hero-record__link { grid-template-columns: 5.6rem minmax(0, 1fr); }
  }
}

/* deals.css */
@layer composition {
  .deal-shell {
    width: min(100% - 2rem, var(--measure));
    margin-inline: auto;
    padding-block: var(--space-5) var(--space-7);
  }

  /* The showcase is an evidence-dossier wall: flat files, one witnessed
     verdict plate, and no engagement furniture. */
  .showcase-shell { padding-top: var(--space-4); }
  .showcase-intro {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(22rem, .65fr);
    gap: var(--space-6);
    align-items: end;
    padding-bottom: var(--space-4);
    border-bottom: 1px solid var(--ink);
  }
  .showcase-intro__copy h1 {
    max-width: 17ch;
    margin-block: .28rem .55rem;
    font: 700 clamp(3rem, 5.6vw, 4.9rem)/.9 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif;
    letter-spacing: -.035em;
  }
  .showcase-intro__copy > p:last-child { max-width: 60ch; color: var(--ink-2); font-size: .94rem; }
  .showcase-intro__folio {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-block: 1px solid var(--ink);
  }
  .showcase-intro__folio div { min-width: 0; padding: .55rem .65rem; border-right: 1px solid var(--rule); }
  .showcase-intro__folio div:first-child { padding-left: 0; }
  .showcase-intro__folio div:last-child { border-right: 0; padding-right: 0; }
  .showcase-intro__folio dt {
    color: var(--ink-2);
    font: 700 .65rem/1.25 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace;
    letter-spacing: .06em;
    text-transform: uppercase;
  }
  .showcase-intro__folio dd { margin-top: .18rem; font-size: .73rem; font-weight: 650; line-height: 1.35; }
  .showcase-intro__folio time { font-size: .68rem; overflow-wrap: anywhere; }

  .showcase { margin-top: var(--space-4); }
  .showcase__head {
    display: grid;
    grid-template-columns: 9rem minmax(0, 1fr) auto;
    gap: .75rem;
    align-items: baseline;
    padding-block: .48rem .6rem;
    border-top: 2px solid var(--ink);
  }
  .showcase__head > p,
  .showcase__head > span {
    color: var(--ink-2);
    font: .68rem/1.35 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace;
    text-transform: uppercase;
    letter-spacing: .035em;
  }
  /* W2a caps diet (base.css note): display register reads as words. */
  .showcase__head h2 {
    font: 700 1.35rem/1.05 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif;
    letter-spacing: .01em;
  }
  .showcase__head > span { text-align: right; }
  .showcase-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--space-4);
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .showcase-card { min-width: 0; border: 1px solid var(--ink); background: var(--surface); }
  .showcase-card__link {
    min-height: 100%;
    display: grid;
    grid-template-rows: auto auto 1fr;
    color: var(--ink);
    text-decoration: none;
  }
  .showcase-card__link:hover { text-decoration: none; }
  .showcase-card__link:hover h3,
  .showcase-card__link:hover .showcase-card__action { text-decoration: underline; text-decoration-thickness: .11em; text-underline-offset: .15em; }
  .showcase-card__link:focus-visible { position: relative; z-index: 1; outline-offset: 3px; }
  .showcase-card__media {
    position: relative;
    aspect-ratio: 1;
    overflow: hidden;
    background: #fff;
    border-bottom: 1px solid var(--ink);
  }
  .showcase-card__media img { width: 100%; height: 100%; padding: .35rem; object-fit: contain; }
  .showcase-card__image-fallback {
    position: absolute;
    inset: 0 0 3.05rem;
    display: grid;
    place-content: center;
    gap: .1rem;
    color: #50555B;
    background:
      linear-gradient(135deg, transparent calc(50% - .5px), #C9C4B8 50%, transparent calc(50% + .5px)),
      linear-gradient(45deg, transparent calc(50% - .5px), #E4E0D6 50%, transparent calc(50% + .5px));
    font: .7rem/1.3 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace;
    text-align: center;
    text-transform: uppercase;
  }
  .showcase-card__image-fallback b { font-family: "Public Sans", "Public Sans Fallback", sans-serif; }
  .showcase-card__verdict {
    position: absolute;
    inset: auto 0 0;
    min-height: 3.05rem;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: .5rem;
    align-items: center;
    padding: .42rem .55rem;
    color: var(--measured-ink);
    background: var(--measured);
    text-transform: uppercase;
  }
  .showcase-card__verdict span { font: 600 .55rem/1.2 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; letter-spacing: .04em; }
  .showcase-card__verdict strong { font: 700 1rem/1 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif; letter-spacing: .025em; text-align: right; }
  .showcase-card__identity { min-width: 0; padding: .65rem .7rem .6rem; }
  .showcase-card__folio { display: flex; justify-content: space-between; gap: .5rem; align-items: baseline; }
  .showcase-card__folio span { font: 700 1.65rem/.8 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif; }
  .showcase-card__folio b {
    color: var(--measured-text);
    font: 700 .65rem/1.2 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace;
    letter-spacing: .045em;
    text-align: right;
    text-transform: uppercase;
  }
  .showcase-card__model { margin-top: .55rem; font: .68rem/1.3 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; overflow-wrap: anywhere; }
  .showcase-card__identity h3 { margin-top: .16rem; font-size: .94rem; line-height: 1.25; }
  .showcase-card__composition { margin-top: .18rem; color: var(--ink-2); font-size: .68rem; line-height: 1.35; }
  .showcase-card__price { margin-top: .6rem; font-variant-numeric: tabular-nums; }
  .showcase-card__price span { display: block; color: var(--ink-2); font-size: .62rem; font-weight: 650; letter-spacing: .045em; text-transform: uppercase; }
  .showcase-card__price strong { display: block; margin-top: .08rem; font: 700 2rem/.95 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif; }

  .showcase-card__facts {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: .18rem .55rem;
    padding: .55rem .7rem;
    border-top: 1px solid var(--rule);
    color: var(--ink-2);
    font: .63rem/1.35 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace;
  }
  .showcase-card__facts > :nth-child(even) { text-align: right; }
  .showcase-card__evidence,
  .showcase-card__claim,
  .showcase-card__market,
  .showcase-card__facts > .showcase-card__companion { grid-column: 1 / -1; }
  .showcase-card__claim { color: var(--ink); }
  /* D-D28: the crown card's market context — a full-width fact line in the
     facts grid's own voice, never the companion's weight (it is context,
     not a verdict line) and never a cell beside the availability pair. */
  .showcase-card__facts > .showcase-card__market { text-align: left; color: var(--ink-2); }
  .showcase-card__facts > .showcase-card__companion {
    color: var(--ink);
    font-weight: 650;
    letter-spacing: .025em;
    text-transform: uppercase;
  }
  .showcase-card__available { color: var(--ink); font-family: "Public Sans", "Public Sans Fallback", sans-serif; font-weight: 750; letter-spacing: .04em; text-transform: uppercase; }
  .showcase-card__action {
    min-height: 2.75rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    padding: .55rem .7rem;
    color: var(--ink-on-dark);
    background: var(--furniture);
    font-size: .76rem;
    font-weight: 700;
  }
  .showcase-card__action b { font: 700 1.2rem/1 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; }

  .showcase-empty {
    display: grid;
    grid-template-columns: 9rem minmax(0, 1.2fr) minmax(16rem, .8fr) auto;
    gap: var(--space-4);
    align-items: center;
    padding: var(--space-5);
    border: 1px solid var(--ink);
    background: var(--surface);
  }
  .showcase-empty > p:first-child { color: var(--ink-2); font: .68rem/1.3 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; text-transform: uppercase; }
  .showcase-empty h2 { font: 700 1.5rem/1.05 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif; }
  .showcase-empty > p:last-of-type { color: var(--ink-2); font-size: .82rem; line-height: 1.45; }
  .showcase-empty a { min-height: 2.75rem; display: inline-flex; align-items: center; padding-inline: .8rem; border: 1px solid var(--ink); color: var(--ink); font-size: .78rem; font-weight: 700; text-align: center; }

  .showcase-ledger-note {
    display: grid;
    grid-template-columns: minmax(13rem, .7fr) minmax(20rem, 1.2fr) auto;
    gap: var(--space-5);
    align-items: end;
    margin-top: var(--space-6);
    padding: .75rem;
    border-block: 2px solid var(--ink);
  }
  .showcase-ledger-note > div > p { color: var(--ink-2); font: .66rem/1.2 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; text-transform: uppercase; }
  .showcase-ledger-note h2 { margin-top: .12rem; font: 700 1.35rem/1.05 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif; }
  .showcase-ledger-note > p { color: var(--ink-2); font-size: .8rem; line-height: 1.42; }
  .showcase-ledger-note > a { min-height: 2.75rem; display: inline-flex; align-items: center; font-size: .76rem; font-weight: 700; white-space: nowrap; }
  .deal-intro__showcase-link { color: var(--ink); }

  .deal-ledger-page .ledger-hero {
    max-width: none;
    display: grid;
    grid-template-columns: minmax(24rem, 1.15fr) minmax(30rem, .85fr);
    gap: clamp(1.5rem, 4vw, 4rem);
    align-items: end;
    padding: clamp(1.4rem, 3.2vw, 3rem);
    border: 1px solid var(--ink);
    border-radius: 8px;
    color: var(--ink-on-dark);
    background: var(--furniture);
    box-shadow: 0 .6rem 1.4rem rgb(0 0 0 / .12);
  }
  .ledger-hero__lead { min-width: 0; }
  .deal-ledger-page .ledger-hero .kicker,
  .deal-ledger-page .deal-intro__showcase-link,
  .deal-ledger-page .deal-intro__route,
  .deal-ledger-page .deal-intro__route span { color: var(--ink-on-dark); }
  .deal-ledger-page .ledger-hero__lead > p:not(.kicker):not(.deal-intro__route) {
    max-width: 58ch;
    color: var(--ink-on-dark-2);
  }
  .deal-ledger-page .ledger-hero h1 { max-width: 10ch; }
  .deal-ledger-page .ledger-hero .deal-folio {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 0;
    border: 1px solid rgb(255 255 255 / .45);
  }
  .deal-ledger-page .ledger-hero .deal-folio div {
    min-height: 6.25rem;
    padding: .85rem;
    border-right-color: rgb(255 255 255 / .25);
    border-bottom: 1px solid rgb(255 255 255 / .25);
  }
  .deal-ledger-page .ledger-hero .deal-folio div:nth-child(2n) { border-right: 0; }
  .deal-ledger-page .ledger-hero .deal-folio div:nth-last-child(-n + 2) { border-bottom: 0; }
  .deal-ledger-page .ledger-hero .deal-folio dt { color: var(--rule); }
  .deal-ledger-page .ledger-hero .deal-folio dd { color: var(--ink-on-dark); }
  .deal-ledger-page .ledger-hero .deal-folio dd strong {
    display: block;
    margin-bottom: .18rem;
    font: 700 2.3rem/.9 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif;
  }

  .deal-status {
    margin-bottom: var(--space-4);
    padding: .62rem .75rem;
    border: 1px solid var(--caution-edge);
    color: var(--caution-ink);
    background: var(--caution);
    font-size: .82rem;
    line-height: 1.45;
  }
  .deal-status strong { margin-right: .3rem; }
  .deal-status--withheld { border-color: var(--ink); color: var(--ink-on-dark); background: var(--furniture); }

  .deal-intro { max-width: var(--production-measure); }
  .deal-intro h1 {
    max-width: 14ch;
    margin-block: .28rem .75rem;
    font-size: clamp(3rem, 6.5vw, 5.4rem);
    line-height: .88;
    letter-spacing: -.045em;
  }
  .deal-intro > p:not(.kicker):not(.deal-intro__route) { max-width: 65ch; font-size: 1.05rem; }
  .deal-intro__route {
    margin-top: .9rem;
    color: var(--ink-2);
    font: .75rem/1.45 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace;
  }
  .deal-intro__route span {
    color: var(--ink);
    font-family: "Public Sans", "Public Sans Fallback", sans-serif;
    font-weight: 700;
    letter-spacing: .055em;
    text-transform: uppercase;
  }
  .deal-intro__route--compact { display: none; }
  .deal-folio {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 1rem;
    border-block: 1px solid var(--ink);
  }
  .deal-folio div { min-width: 0; padding: .58rem .7rem .65rem 0; border-right: 1px solid var(--rule); }
  .deal-folio div:not(:first-child) { padding-left: .7rem; }
  .deal-folio div:last-child { border-right: 0; }
  .deal-folio dt { font-size: .7rem; font-weight: 700; letter-spacing: .055em; text-transform: uppercase; }
  .deal-folio dd { margin-top: .12rem; color: var(--ink-2); font: .72rem/1.4 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; }
  .deal-folio-mobile { display: none; }

  .deal-index {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-block: var(--space-5);
    border-bottom: 1px solid var(--ink);
  }
  .deal-index a {
    min-height: 3.5rem;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: .45rem;
    padding: .5rem .7rem;
    color: var(--ink);
    border-top: 1px solid var(--ink);
    border-right: 1px solid var(--rule);
    text-decoration: none;
    font-size: .8rem;
    font-weight: 650;
  }
  .deal-ledger-page .deal-index {
    overflow: hidden;
    border: 1px solid var(--ink);
    border-radius: 8px;
  }
  .deal-ledger-page .deal-index a { border-top: 0; }
  .deal-index a:last-child { border-right: 0; }
  .deal-index span { color: var(--ink-2); font: .7rem/1 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; }
  .deal-index b { font: 700 1.4rem/1 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif; }

  .deal-method {
    display: grid;
    grid-template-columns: minmax(15rem, .8fr) minmax(20rem, 1.5fr);
    gap: var(--space-5);
    align-items: end;
    margin-block: var(--space-6);
    padding: .65rem .75rem .75rem;
    color: var(--ink-on-dark);
    background: var(--furniture);
  }
  .deal-ledger-page .deal-method {
    border: 1px solid var(--ink);
    border-radius: 8px;
    color: var(--ink);
    background: var(--surface);
  }
  .deal-ledger-page .deal-method > p { color: var(--ink-2); }
  .deal-method > div p { font: .7rem/1.2 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; text-transform: uppercase; }
  .deal-method h2 { margin-top: .12rem; font: 700 1.5rem/1.05 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif; letter-spacing: .01em; }
  .deal-method > p { color: var(--ink-on-dark); font-size: .8rem; line-height: 1.45; }

  .deal-board { margin-top: var(--space-7); }
  .deal-board:first-of-type { margin-top: 0; }
  .deal-board__intro { max-width: 76ch; margin: -.55rem 0 1rem 4.25rem; color: var(--ink-2); font-size: .875rem; }
  .deal-board--context .section-head h2 { display: flex; flex-wrap: wrap; gap: .4ch; }
  .deal-board--context .section-head h2 span + span::before { content: "\00b7"; margin-right: .4ch; }
  .deal-section { margin-top: 1.25rem; }
  .deal-section > header {
    display: grid;
    grid-template-columns: 3.25rem 1fr auto;
    align-items: baseline;
    padding: .38rem .5rem;
    border-block: 1px solid var(--ink);
  }
  .deal-section > header p { color: var(--ink-2); font: .7rem/1 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; }
  .deal-section > header h3 { font: 700 1.1rem/1 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif; letter-spacing: .055em; text-transform: uppercase; }
  .deal-section > header span { font: 700 1.35rem/1 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif; }
  .deal-board__empty { padding: .65rem 3.75rem; color: var(--ink-2); font: .78rem/1.4 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; }
  .deal-board__rows { margin: 0; padding: 0; list-style: none; }

  .deal-row {
    display: grid;
    grid-template-columns: 3.75rem minmax(13rem, 1.15fr) minmax(25rem, 2.15fr) minmax(12rem, .9fr);
    grid-template-areas:
      "folio identity evidence decision"
      "folio identity evidence actions";
    gap: .6rem 1rem;
    min-width: 0;
    padding: .78rem .5rem .85rem;
    border-bottom: 1px solid var(--rule);
  }
  .deal-row--new, .deal-row--deepened { box-shadow: inset 3px 0 0 var(--measured-text); }
  .deal-row--claims-only { box-shadow: inset 3px 0 0 var(--claims-outline); }
  .deal-row--seen-cheaper { box-shadow: inset 3px 0 0 var(--caution-edge); }
  .deal-row--not-ranked { color: var(--ink-2); }
  .deal-row__folio { grid-area: folio; padding-top: .08rem; color: var(--ink-2); }
  .deal-row__folio span { display: block; font: .62rem/1.25 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; letter-spacing: .035em; text-transform: uppercase; }
  .deal-row__folio strong { display: block; margin-top: .1rem; font: 700 2.25rem/.9 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif; }
  .deal-row__identity { grid-area: identity; min-width: 0; }
  .deal-row__identity p { font: .72rem/1.3 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; }
  .deal-row__identity h3 { margin-top: .12rem; font-size: 1.02rem; line-height: 1.2; }
  .deal-row__identity span { display: block; margin-top: .12rem; color: var(--ink-2); font-size: .72rem; line-height: 1.35; }
  /* D-D22 on the ledger: one retailer-wide act, one row. No evidence or
     decision cell — the members carry their own on their tool pages. */
  .deal-row--fold { grid-template-columns: 3.75rem 1fr; grid-template-areas: "folio identity"; }
  .deal-row__identity--fold h3 { font-size: 1.08rem; }
  .deal-row__identity--fold span { max-width: 62rem; }
  /* Lane pagination (ui.ledger_pages): the range this page lists, the lane's
     total, and every page of the lane. Static links, no control. */
  .lane-pager { display: flex; flex-wrap: wrap; align-items: baseline; gap: .4rem 1rem; padding: .7rem .5rem; border-top: 1px solid var(--rule, #d9d4cc); font: .74rem/1.4 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; color: var(--ink-2); }
  .lane-pager ol { display: flex; flex-wrap: wrap; gap: .25rem; margin: 0; padding: 0; list-style: none; }
  .lane-pager li a, .lane-pager li strong { display: inline-block; min-width: 2rem; padding: .15rem .45rem; border: 1px solid var(--rule, #d9d4cc); border-radius: .3rem; text-align: center; text-decoration: none; color: inherit; }
  .lane-pager li strong { background: var(--ink, #111); color: var(--paper, #fff); border-color: var(--ink, #111); }
  .ledger-hero--lane h1 { font-size: 1.6rem; }
  .deal-row__evidence {
    grid-area: evidence;
    min-width: 0;
    display: grid;
    grid-template-columns: 8.25rem minmax(12rem, 1fr);
    grid-template-areas:
      "spark proof"
      "meta meta";
    gap: .45rem .9rem;
    padding-right: .75rem;
    border-right: 1px solid var(--rule);
  }
  .deal-row__spark { grid-area: spark; align-self: start; }
  .deal-row__spark > span { display: block; margin-top: .12rem; color: var(--ink-2); font: .62rem/1.2 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; text-align: center; text-transform: uppercase; }
  .deal-sparkline { width: 100%; height: auto; overflow: visible; }
  .deal-sparkline__baseline { stroke: var(--rule); stroke-width: 1; }
  .deal-sparkline__path { fill: none; stroke: var(--measured-text); stroke-width: 2; vector-effect: non-scaling-stroke; }
  .deal-sparkline__gap { fill: var(--rule-2); stroke: var(--rule); stroke-dasharray: 2 2; }
  .deal-sparkline__extreme { fill: var(--surface); stroke: var(--ink); stroke-width: 1.25; vector-effect: non-scaling-stroke; }
  .deal-sparkline__current { fill: var(--measured-text); stroke: var(--surface); stroke-width: 1.25; vector-effect: non-scaling-stroke; }
  .deal-row__decision { grid-area: decision; min-width: 0; align-self: start; }
  .deal-row__exclusion {
    width: 100%;
    margin-bottom: .42rem;
    padding: .34rem .42rem;
    border: 1px solid var(--ink);
    color: var(--ink);
    font: 700 .68rem/1.15 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace;
    text-transform: uppercase;
  }
  .deal-row__exclusion strong, .deal-row__exclusion span { display: block; }
  .deal-row__exclusion span { margin-top: .18rem; font-weight: 500; }
  .deal-row__price span { display: block; color: var(--ink-2); font-size: .66rem; font-weight: 700; letter-spacing: .045em; text-transform: uppercase; }
  .deal-row__price strong { display: block; margin-block: .05rem .65rem; font: 700 1.75rem/1 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif; font-variant-numeric: tabular-nums; }
  .deal-row__price .deal-row__eligibility {
    width: fit-content;
    margin-top: .28rem;
    padding: .2rem .3rem;
    border: 1px solid var(--ink);
    color: var(--ink);
    font: 700 .62rem/1.05 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace;
  }
  .deal-row__decision .verdict--table { max-width: 10.5rem; }
  .deal-row__retained-verdict > span {
    display: block;
    margin-bottom: .2rem;
    color: var(--ink-2);
    font: .68rem/1.35 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace;
    text-transform: uppercase;
  }
  .deal-row__retained-verdict .verdict--table { transform: scale(.84); transform-origin: left top; margin-bottom: -.35rem; }
  .deal-row__state-copy { width: fit-content; padding: .36rem .45rem; border: 1px solid var(--ink); font: 700 .8rem/1.05 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif; letter-spacing: .055em; text-transform: uppercase; }
  .deal-row__proof { grid-area: proof; align-self: stretch; min-width: 0; padding-left: .75rem; border-left: 1px solid var(--rule); }
  .deal-row__proof > p:first-child { font-size: .8rem; line-height: 1.4; }
  .deal-row__proof > strong { display: block; margin-top: .35rem; font-size: .76rem; line-height: 1.35; }
  .deal-row__unlock { margin-top: .4rem; color: var(--ink-2); font: .68rem/1.35 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; }
  .deal-position { margin-top: .55rem; }
  .deal-position label { display: block; font: .66rem/1.3 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; }
  .deal-position meter { width: 100%; height: .7rem; margin-top: .15rem; appearance: none; background: transparent; }
  .deal-position meter::-webkit-meter-bar { height: .38rem; border: 1px solid var(--rule); border-radius: 0; background: var(--surface); }
  .deal-position meter::-webkit-meter-optimum-value { background: var(--measured-text); }
  .deal-position meter::-moz-meter-bar { background: var(--measured-text); }
  .deal-position > span { display: flex; justify-content: space-between; color: var(--ink-2); font: .6rem/1 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; text-transform: uppercase; }
  .deal-row__meta { grid-area: meta; display: flex; flex-wrap: wrap; gap: .18rem .8rem; align-items: center; padding-top: .4rem; border-top: 1px solid var(--rule-2); color: var(--ink-2); font: .72rem/1.4 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; }
  .deal-row__meta span, .deal-row__meta time { overflow-wrap: anywhere; }
  .deal-row__trigger code { color: inherit; font: inherit; }
  .deal-row__receipt { color: var(--ink); }
  .deal-row__actions { grid-area: actions; display: flex; flex-direction: column; align-items: stretch; justify-content: flex-start; gap: .35rem; }
  .deal-row__actions a { width: 100%; min-height: 2.75rem; display: inline-flex; align-items: center; justify-content: center; padding-inline: .65rem; border: 1px solid var(--ink); color: var(--ink); font-size: .72rem; font-weight: 650; text-align: center; text-decoration: none; }
  .deal-row__actions a:last-child { background: var(--ink); color: var(--ground); }

  .source-guard { margin-block: var(--space-6) var(--space-7); border: 1px solid var(--ink); }
  .source-guard > header {
    display: grid;
    grid-template-columns: 7.25rem 1fr auto;
    align-items: baseline;
    gap: .6rem;
    padding: .55rem .7rem;
    color: var(--ink-on-dark);
    background: var(--furniture);
  }
  .source-guard > header p { font: .68rem/1.2 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; text-transform: uppercase; }
  .source-guard > header h2 { font: 700 1.25rem/1.05 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif; letter-spacing: .01em; }
  .source-guard > header span { font: .68rem/1.35 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; }
  .source-guard__rows { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .source-guard__rows > div { min-width: 0; padding: .65rem .7rem; border-right: 1px solid var(--rule); }
  .source-guard__rows > div:last-child { border-right: 0; }
  .source-guard__rows strong, .source-guard__rows span, .source-guard__rows time, .source-guard__rows code { display: block; }
  .source-guard__rows strong { font-size: .78rem; }
  .source-guard__rows span, .source-guard__rows time, .source-guard__rows code { margin-top: .15rem; color: var(--ink-2); font: .72rem/1.4 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; overflow-wrap: anywhere; }
  .source-guard__closing, .source-guard__open { padding: .7rem; border-top: 1px solid var(--ink); font: 700 1.05rem/1.25 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif; letter-spacing: .025em; }
  .source-guard__open { color: var(--caution-ink); background: var(--caution); }
  .deal-mobile-index { display: none; }
  .deal-back { display: none; }
}

@layer states {
  .deal-section--claims-only > header { color: var(--claims-text); border-style: dashed; }
  .deal-section--seen-cheaper > header { color: var(--caution-ink); background: var(--caution); border-color: var(--caution-edge); }
  .deal-section--seen-cheaper > header p { color: var(--caution-ink); }
  .deal-section--not-ranked > header { color: var(--ink-2); }
  .deal-row--claims-only .deal-sparkline__path { stroke: var(--ink); }
  .deal-row--seen-cheaper .deal-sparkline__path, .deal-row--seen-cheaper .deal-sparkline__current { stroke: var(--caution-edge); fill: var(--caution); }
  .deal-row--not-ranked .deal-sparkline { opacity: .68; }
}

@layer media {
  @media (max-width: 64rem) {
    .showcase-intro { grid-template-columns: minmax(0, 1fr); gap: var(--space-4); }
    .showcase-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .deal-row {
      grid-template-columns: 3.75rem minmax(11rem, 1fr) minmax(20rem, 1.65fr) minmax(11rem, .8fr);
      grid-template-areas:
        "folio identity evidence decision"
        "folio identity evidence actions";
    }
    .deal-row__evidence { grid-template-columns: 7.5rem minmax(10rem, 1fr); }
  }

  /* The two-column hero needs 24rem + 30rem of columns plus its clamped gap
     and padding — about 965px. Collapsing at 52rem left 836-964px overflowing
     by up to 122px, clipping the "Still verified" count and the evidence
     timestamp off-screen. Measured clean from 64rem. */
  @media (max-width: 64rem) {
    .deal-ledger-page .ledger-hero { grid-template-columns: minmax(0, 1fr); }
    .deal-ledger-page .ledger-hero .deal-folio { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .deal-ledger-page .ledger-hero .deal-folio div {
      min-height: 0;
      border-right: 1px solid rgb(255 255 255 / .25);
      border-bottom: 0;
    }
    .deal-ledger-page .ledger-hero .deal-folio div:nth-child(2) { border-right: 1px solid rgb(255 255 255 / .25); }
    .deal-ledger-page .ledger-hero .deal-folio div:last-child { border-right: 0; }
    .deal-row {
      grid-template-columns: 3.25rem minmax(11rem, .9fr) minmax(0, 1.6fr);
      grid-template-areas:
        "folio identity evidence"
        "folio decision evidence"
        "folio actions evidence";
      gap: .55rem .75rem;
    }
    .showcase-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .showcase__head { grid-template-columns: 7rem minmax(0, 1fr); }
    .showcase__head > span { grid-column: 2; text-align: left; }
    .showcase-ledger-note { grid-template-columns: minmax(12rem, .7fr) minmax(0, 1.3fr); }
    .showcase-ledger-note > a { grid-column: 2; }
    .showcase-empty { grid-template-columns: 7rem minmax(0, 1fr); }
    .showcase-empty > p:last-of-type,
    .showcase-empty > a { grid-column: 2; }
  }

  @media (max-width: 40rem) {
    .deal-shell { width: min(100% - 1rem, var(--measure)); padding-top: .7rem; }
    /* The shared mobile masthead now carries two explicit 44px rows. Keep
       the ledger's already-pinned first proof inside the same phone fold by
       removing only its redundant inner top gutter. */
    .deal-ledger-page .deal-shell { padding-top: 0; }
    .deal-ledger-page .ledger-hero {
      gap: .35rem;
      padding: .6rem .65rem;
      border-radius: 0 0 8px 8px;
      box-shadow: none;
    }
    .deal-ledger-page .ledger-hero .kicker { font-size: .56rem; line-height: 1.2; }
    .deal-ledger-page .ledger-hero h1 { margin-block: .1rem .22rem; font-size: clamp(2.25rem, 10vw, 2.85rem); }
    .deal-ledger-page .ledger-hero__lead > p:not(.kicker):not(.deal-intro__route) { display: none; }
    .deal-ledger-page .ledger-hero .deal-intro__route--compact { margin-top: 0; color: var(--ink-on-dark-2); }
    .deal-ledger-page .ledger-hero .deal-folio-mobile {
      color: var(--ink-on-dark-2);
      border-color: rgb(255 255 255 / .45);
    }
    .deal-ledger-page .ledger-hero .deal-folio-mobile b { color: var(--ink-on-dark); }
    .showcase-shell { padding-top: .55rem; }
    .showcase-intro { display: block; padding-bottom: .55rem; }
    .showcase-intro__copy h1 { max-width: none; margin-block: .12rem .28rem; font-size: clamp(2.2rem, 10vw, 2.8rem); line-height: .9; }
    .showcase-intro__copy > p:last-child { font-size: .78rem; line-height: 1.32; }
    .showcase-intro__folio { margin-top: .5rem; }
    .showcase-intro__folio div { padding: .34rem .38rem; }
    .showcase-intro__folio div:first-child { padding-left: 0; }
    .showcase-intro__folio dt { font-size: .54rem; }
    .showcase-intro__folio dd,
    .showcase-intro__folio time { font-size: .6rem; line-height: 1.25; }
    .showcase { margin-top: .65rem; }
    .showcase__head { grid-template-columns: 5.5rem minmax(0, 1fr); gap: .4rem; padding-block: .32rem .4rem; }
    .showcase__head > p { font-size: .55rem; }
    .showcase__head h2 { font-size: 1rem; }
    .showcase__head > span { display: none; }
    .showcase-grid { grid-template-columns: minmax(0, 1fr); gap: .7rem; }
    .showcase-card__link {
      grid-template-columns: 7.5rem minmax(0, 1fr);
      grid-template-rows: auto auto auto;
      grid-template-areas:
        "media identity"
        "facts facts"
        "action action";
    }
    .showcase-card__media { grid-area: media; aspect-ratio: 1; border-right: 1px solid var(--ink); border-bottom: 0; }
    .showcase-card__media img { padding: .35rem .35rem 2.55rem; }
    .showcase-card__image-fallback { inset: 0 0 2.4rem; font-size: .55rem; }
    .showcase-card__verdict { min-height: 2.4rem; grid-template-columns: 1fr; gap: .06rem; padding: .28rem .32rem; }
    .showcase-card__verdict-label { display: none; }
    .showcase-card__verdict strong { font-size: .82rem; line-height: 1.02; text-align: left; white-space: normal; }
    .showcase-card__identity { grid-area: identity; padding: .45rem .5rem .4rem; }
    .showcase-card__folio span { font-size: 1.35rem; }
    .showcase-card__folio b { font-size: .625rem; }
    .showcase-card__model { margin-top: .32rem; font-size: .625rem; }
    .showcase-card__identity h3 { margin-top: .1rem; font-size: .9rem; line-height: 1.25; }
    .showcase-card__composition { margin-top: .1rem; font-size: .625rem; line-height: 1.25; }
    .showcase-card__price { margin-top: .35rem; }
    .showcase-card__price span { font-size: .625rem; }
    .showcase-card__price strong { font-size: 1.65rem; }
    .showcase-card__facts { grid-area: facts; padding: .4rem .5rem; font-size: .625rem; }
    .showcase-card__facts > .showcase-card__companion { font-size: .625rem; line-height: 1.3; }
    .showcase-card__action { grid-area: action; min-height: 2.75rem; padding: .42rem .5rem; font-size: .75rem; }
    .showcase-empty { display: block; padding: .75rem; }
    .showcase-empty h2 { margin-top: .15rem; font-size: 1.25rem; }
    .showcase-empty > p:last-of-type { margin-top: .4rem; font-size: .76rem; }
    .showcase-empty a { margin-top: .6rem; }
    .showcase-ledger-note { display: block; margin-top: var(--space-5); padding: .6rem .5rem; }
    .showcase-ledger-note h2 { font-size: 1.2rem; }
    .showcase-ledger-note > p { margin-top: .4rem; font-size: .74rem; }
    .showcase-ledger-note > a { margin-top: .35rem; white-space: normal; }
    .deal-intro h1 { max-width: none; margin-block: .18rem .42rem; font-size: clamp(2.45rem, 11vw, 3.2rem); line-height: .9; }
    .deal-intro > p:not(.kicker):not(.deal-intro__route):not(.deal-folio-mobile) { font-size: .86rem; line-height: 1.38; }
    .deal-intro__route--full { display: none; }
    .deal-intro__route--compact { display: block; margin-top: .4rem; font-size: .65rem; }
    .deal-folio { display: none; }
    .deal-folio-mobile {
      display: grid;
      grid-template-columns: repeat(3, auto) 1fr;
      align-items: baseline;
      gap: .22rem .55rem;
      margin-top: .45rem;
      padding-block: .35rem;
      border-block: 1px solid var(--ink);
      color: var(--ink-2);
      font: .65rem/1.2 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace;
    }
    .deal-folio-mobile span { white-space: nowrap; }
    .deal-folio-mobile b { color: var(--ink); font: 700 1.1rem/1 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif; }
    .deal-folio-mobile time { justify-self: end; text-align: right; }
    .deal-index { display: none; }
    .deal-method { grid-template-columns: 1fr; gap: .3rem; margin-block: 1rem; padding: .48rem .55rem .55rem; }
    .deal-method h2 { font-size: 1.2rem; }
    .deal-method > p { font-size: .72rem; line-height: 1.4; }
    .deal-mobile-index {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      margin-block: 1rem var(--space-6);
      border-block: 1px solid var(--ink);
    }
    .deal-mobile-index p {
      grid-column: 1 / -1;
      padding: .32rem .4rem;
      border-bottom: 1px solid var(--rule);
      color: var(--ink-2);
      font: .62rem/1.25 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace;
      letter-spacing: .035em;
      text-transform: uppercase;
    }
    .deal-mobile-index a {
      min-height: 2.75rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: .2rem;
      padding: .35rem .4rem;
      border-right: 1px solid var(--rule);
      color: var(--ink);
      font-size: .66rem;
      font-weight: 650;
      line-height: 1.15;
      text-decoration: none;
    }
    .deal-mobile-index a:last-child { border-right: 0; }
    .deal-mobile-index b { font: 700 1.15rem/1 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif; }
    .deal-board { margin-top: var(--space-6); }
    .deal-board:first-of-type { margin-top: 0; }
    .deal-board__intro { margin: -.55rem 0 .55rem 0; font-size: .76rem; line-height: 1.35; }
    .deal-board--context .section-head h2 { display: block; }
    .deal-board--context .section-head h2 span { display: block; }
    .deal-board--context .section-head h2 span + span::before { content: none; }
    .deal-section { margin-top: .8rem; }
    .deal-section > header { grid-template-columns: 2.6rem 1fr auto; padding-inline: .35rem; }
    .deal-section > header h3 { font-size: 1rem; }
    .deal-row {
      grid-template-columns: 3.2rem minmax(0, 1fr);
      grid-template-areas:
        "folio identity"
        "evidence evidence"
        "decision decision"
        "actions actions";
      gap: .52rem .65rem;
      padding: .65rem .35rem .75rem;
    }
    .deal-row__folio strong { font-size: 1.9rem; }
    .deal-row__identity h3 { font-size: 1rem; }
    .deal-row__evidence {
      grid-template-columns: 7.35rem minmax(0, 1fr);
      grid-template-areas:
        "spark meta"
        "proof proof";
      gap: .45rem .65rem;
      padding: .5rem 0 0;
      border-top: 1px solid var(--rule-2);
      border-right: 0;
    }
    .deal-row__decision { display: flex; align-items: end; justify-content: space-between; gap: .65rem; padding-top: .45rem; border-top: 1px solid var(--rule-2); }
    .deal-row__price strong { font-size: 1.65rem; }
    .deal-row__decision .verdict--table { align-self: center; max-width: 11rem; }
    .deal-row__proof { padding: .48rem 0 0; border-left: 0; border-top: 1px solid var(--rule-2); }
    .deal-row__proof > p:first-child { font-size: .78rem; }
    .deal-row__spark { width: 100%; align-self: center; }
    .deal-row__spark > span { font-size: .65rem; text-align: left; }
    .deal-row__meta { align-content: center; padding-top: .15rem; border-top: 0; font-size: .75rem; line-height: 1.45; }
    .deal-row__meta > * { display: block; flex-basis: 100%; }
    .deal-row__trigger code { display: none; }
    .deal-row--not-ranked .deal-row__decision {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      grid-template-areas:
        "exclusion exclusion"
        "price retained";
      align-items: end;
    }
    .deal-row--not-ranked .deal-row__exclusion { grid-area: exclusion; margin-bottom: 0; }
    .deal-row--not-ranked .deal-row__price { grid-area: price; }
    .deal-row--not-ranked .deal-row__retained-verdict { grid-area: retained; justify-self: end; max-width: 10.5rem; }
    .deal-row__actions { flex-direction: row; justify-content: stretch; }
    .deal-row__actions a { flex: 1; justify-content: center; padding-inline: .35rem; text-align: center; }
    .source-guard { margin-block: var(--space-5) var(--space-6); }
    .source-guard > header { grid-template-columns: 1fr auto; gap: .2rem .5rem; }
    .source-guard > header p { grid-column: 1 / -1; }
    .source-guard > header h2 { font-size: 1.05rem; }
    .source-guard > header span { max-width: 12rem; text-align: right; }
    .source-guard__rows { grid-template-columns: 1fr; }
    .source-guard__rows > div { border-right: 0; border-bottom: 1px solid var(--rule); }
    .source-guard__rows > div:last-child { border-bottom: 0; }
    .source-guard__closing, .source-guard__open { font-size: .95rem; }
    .deal-back {
      min-height: 2.75rem;
      display: flex;
      align-items: center;
      width: fit-content;
      margin: .75rem 0 0 auto;
      padding-inline: .4rem;
      color: var(--ink);
      font-size: .75rem;
      font-weight: 650;
    }
  }

  @media (forced-colors: active) {
    .showcase-card,
    .showcase-card__media,
    .showcase-intro,
    .showcase__head,
    .showcase-ledger-note,
    .showcase-empty { border-color: CanvasText; }
    .showcase-card__media,
    .showcase-card__image-fallback,
    .showcase-empty { color: CanvasText; background: Canvas; }
    .showcase-card__verdict,
    .showcase-card__action {
      forced-color-adjust: auto;
      color: ButtonText;
      background: ButtonFace;
      border: 2px solid ButtonText;
    }
    .deal-ledger-page .ledger-hero,
    .deal-ledger-page .deal-index,
    .deal-ledger-page .deal-method {
      color: CanvasText;
      background: Canvas;
      border-color: CanvasText;
      box-shadow: none;
    }
    .deal-ledger-page .ledger-hero .kicker,
    .deal-ledger-page .ledger-hero h1,
    .deal-ledger-page .ledger-hero__lead > p,
    .deal-ledger-page .ledger-hero .deal-intro__route,
    .deal-ledger-page .ledger-hero .deal-intro__route span,
    .deal-ledger-page .ledger-hero .deal-folio dt,
    .deal-ledger-page .ledger-hero .deal-folio dd,
    .deal-ledger-page .ledger-hero .deal-folio-mobile,
    .deal-ledger-page .ledger-hero .deal-folio-mobile b { color: CanvasText; }
    .deal-ledger-page .ledger-hero .deal-folio,
    .deal-ledger-page .ledger-hero .deal-folio div { border-color: CanvasText; }
    .deal-row--new, .deal-row--deepened, .deal-row--claims-only, .deal-row--seen-cheaper { box-shadow: inset 3px 0 0 CanvasText; }
    .deal-sparkline__path, .deal-sparkline__baseline, .deal-sparkline__gap, .deal-sparkline__extreme, .deal-sparkline__current { stroke: CanvasText; }
    .deal-sparkline__current { fill: CanvasText; }
    .deal-sparkline__gap { fill: Canvas; stroke-dasharray: 2 2; }
    .deal-position meter { forced-color-adjust: none; }
    .deal-position meter::-webkit-meter-optimum-value { background: CanvasText; }
    .deal-row__actions a:last-child {
      forced-color-adjust: auto;
      color: ButtonText;
      background: ButtonFace;
      border: 2px double ButtonText;
    }
  }

  @media print {
    .deal-ledger-page .ledger-hero {
      display: block;
      padding: 12pt;
      color: #000;
      background: #fff;
      border: 2pt solid #000;
      box-shadow: none;
    }
    .deal-ledger-page .ledger-hero .kicker,
    .deal-ledger-page .ledger-hero h1,
    .deal-ledger-page .ledger-hero__lead > p,
    .deal-ledger-page .ledger-hero .deal-intro__route,
    .deal-ledger-page .ledger-hero .deal-intro__route span,
    .deal-ledger-page .ledger-hero .deal-folio dt,
    .deal-ledger-page .ledger-hero .deal-folio dd { color: #000; }
    .deal-ledger-page .ledger-hero .deal-folio { margin-top: 10pt; border-color: #000; }
    .deal-ledger-page .ledger-hero .deal-folio div { border-color: #000; }
    .showcase-intro__copy h1 { font-size: 30pt; }
    .showcase-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10pt; }
    .showcase-card { break-inside: avoid; }
    .showcase-card__media { aspect-ratio: 1.4; }
    .showcase-card__verdict,
    .showcase-card__action { color: #000; background: #fff; border: 2pt solid #000; }
    .showcase-card__action b { display: none; }
    .showcase-card__link::after {
      content: attr(href);
      padding: 3pt 5pt;
      color: #000;
      font: 7pt/1.3 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace;
      overflow-wrap: anywhere;
    }
    .showcase-ledger-note { break-inside: avoid; }
    .deal-intro__showcase-link::after { content: " (/deals/)"; }
  }
}

/* Leg 3 (2026-08-27): claims and caution lanes at scale — one dated-fact
   line per offer. The canonical verdict text renders verbatim; no
   sparkline (a receipt preview, not the identity), no card furniture. */
.deal-board__rows--compact { list-style: none; margin: 0; padding: 0; }
.deal-row-compact {
  display: flex; flex-wrap: wrap; align-items: baseline;
  gap: .25rem .9rem; padding: .5rem 0;
  border-block-end: 1px solid color-mix(in srgb, currentColor 18%, transparent);
  font: 400 .85rem/1.45 "Public Sans", "Public Sans Fallback", sans-serif;
}
.deal-row-compact__model { font: 600 .78rem/1.3 "JetBrains Mono", "JetBrains Mono Fallback", monospace; }
.deal-row-compact__title { min-inline-size: 12rem; flex: 1 1 16rem; color: inherit; }
.deal-row-compact__fact { font: 600 .86rem/1.35 "Public Sans", "Public Sans Fallback", sans-serif; }
.deal-row-compact__claim { opacity: .7; }
.deal-row-compact__price { font-variant-numeric: tabular-nums; }
.deal-row-compact__receipt { font-size: .78rem; }
/* D-V12: a compact standing line renders the band's mandatory companion
   beside the fact — both lines or neither, one grammar per sentence. */
.deal-row-compact__companion {
  font: 600 .72rem/1.3 "Public Sans", "Public Sans Fallback", sans-serif;
  letter-spacing: .04em; opacity: .85;
}
/* v3 rider: see .verdict-companion in components.css. It used to live inside
   the plate, where `display:block` and `margin-block-start` were both inert —
   a flex item in a row container is blockified anyway and a block-start margin
   starts no new line — so it landed BESIDE the verdict with a 0px gap. */
/* Forced-colors law on compact lanes: measured solid / claims dashed /
   caution double — the distinctions ride the fact span's top border. */
.deal-row-compact[data-row-kind="claims-only"] .deal-row-compact__fact { border-block-start: 2px dashed currentColor; padding-block-start: .1rem; }
.deal-row-compact[data-row-kind="seen-cheaper"] .deal-row-compact__fact { border-block-start: 3px double currentColor; padding-block-start: .1rem; }

/* Deal Desk overhaul (2026-08-28). The page composition changes around the
   existing compact evidence instrument; all .deal-sparkline rules above stay
   authoritative and unchanged. */
@layer composition {
  .showcase-shell { padding-top: var(--space-4); }
  .deal-desk-head {
    overflow: hidden;
    border-radius: 8px;
    color: var(--ink-on-dark);
    background: var(--furniture);
  }
  .deal-desk-head__title {
    display: grid;
    grid-template-columns: minmax(16rem, .8fr) minmax(22rem, 1.2fr);
    gap: var(--space-4);
    align-items: end;
    padding: 1.15rem var(--space-5) .9rem;
  }
  .deal-desk-head__title .kicker { color: var(--ink-on-dark); opacity: .76; }
  .deal-desk-head__title h1 {
    grid-row: 2;
    margin-top: .1rem;
    font: 700 clamp(3.25rem, 5.2vw, 4.75rem)/.84 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif;
    letter-spacing: -.035em;
  }
  .deal-desk-head__title > p:last-child {
    grid-column: 2;
    grid-row: 1 / span 2;
    max-width: 50ch;
    padding-bottom: .25rem;
    color: var(--ink-on-dark);
    font-size: 1rem;
    line-height: 1.45;
  }
  .deal-desk-status {
    display: grid;
    grid-template-columns: minmax(13rem, .8fr) minmax(22rem, 1.2fr);
    gap: var(--space-4);
    align-items: center;
    margin-inline: var(--space-5);
    padding: .55rem 0;
    border-block: 1px solid color-mix(in srgb, var(--ink-on-dark) 32%, transparent);
  }
  .deal-desk-status > div > p:first-child,
  .deal-desk-nav > p,
  .deal-desk-activity header p {
    font: 650 .65rem/1.25 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace;
    letter-spacing: .055em;
    text-transform: uppercase;
  }
  .deal-desk-status h2 {
    margin-top: .15rem;
    font: 700 1.3rem/1.05 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif;
    letter-spacing: .01em;
  }
  .deal-desk-status > div > p:last-child { margin-top: .16rem; max-width: 58ch; font-size: .72rem; line-height: 1.35; opacity: .82; }
  .deal-desk-status dl { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .deal-desk-status dl div { min-width: 0; padding-inline: .7rem; border-left: 1px solid color-mix(in srgb, var(--ink-on-dark) 24%, transparent); }
  .deal-desk-status dt { opacity: .68; font: .6rem/1.2 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; text-transform: uppercase; }
  .deal-desk-status dd { margin-top: .2rem; font-size: .7rem; font-weight: 650; line-height: 1.35; }
  .deal-desk-status time { overflow-wrap: anywhere; }
  .deal-desk-status--partial h2 { color: #FFD18A; }
  .deal-desk-nav { display: grid; grid-template-columns: 13rem minmax(0, 1fr); align-items: stretch; padding: .55rem var(--space-5) 1.15rem; }
  .deal-desk-nav > p { align-self: center; opacity: .7; }
  .deal-desk-nav > div { display: grid; grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr)); }
  .deal-desk-nav a {
    min-height: 2.75rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    padding: .55rem .75rem;
    border: 1px solid color-mix(in srgb, var(--ink-on-dark) 38%, transparent);
    color: var(--ink-on-dark);
    text-decoration: none;
  }
  .deal-desk-nav a + a { border-left: 0; }
  .deal-desk-nav a:hover strong { text-decoration: underline; text-underline-offset: .15em; }
  .deal-desk-nav strong { font: 700 1.2rem/1 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif; }
  .deal-desk-nav span { opacity: .72; font: .62rem/1.2 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; }
  .deal-desk-nav__feature strong .deal-desk-nav__feature-full { opacity: 1; font: inherit; }
  .deal-desk-nav__feature { box-shadow: inset .22rem 0 0 var(--link); }
  .deal-desk-nav__feature-short { display: none; }

  .showcase { margin-top: var(--space-5); }
  .showcase__head { grid-template-columns: 8rem minmax(0, 1fr) auto; border-top: 0; border-bottom: 1px solid var(--ink); }
  .showcase-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-4); padding-top: var(--space-4); }
  .showcase-grid--equal[data-card-count="1"] { grid-template-columns: minmax(0, 34rem); }
  .showcase-grid--equal[data-card-count="2"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .showcase-grid--equal[data-card-count="3"] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .showcase-card {
    overflow: hidden;
    border-color: var(--rule);
    border-radius: 8px;
    box-shadow: 0 8px 24px color-mix(in srgb, var(--ink) 9%, transparent);
  }
  .showcase-card__image-fallback { background: #F2F0EA; }
  .showcase-card__facts { grid-template-columns: auto minmax(0, 1fr); }
  .showcase-card__facts time { text-align: right; }

  /* D-D8a: /deals/ is one complete daily proof sheet. The cards retain
     decision facts; the full trace and coverage dossier begin on the exact
     tool page. This card treatment is no longer scoped to the desk — home and
     the hubs render the same component, so only the grid around it is per
     surface. Anything page-specific belongs below, not here. */
  .deals-page .showcase-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .65rem;
    padding-top: .65rem;
  }
  .showcase-card {
    border-color: var(--ink);
    border-radius: 2px;
    box-shadow: none;
  }
  /* Fewer tracks than children by design: media, verdict, then identity
     takes the slack. Facts land in an implicit row. Never declare a
     trailing 1fr track — an unoccupied one swallows the card's height. */
  .showcase-card__link { grid-template-rows: auto auto 1fr; }
  .showcase-card__media { aspect-ratio: 2.3 / 1; }
  .showcase-card__media img { padding: .35rem; }
  .showcase-card__image-fallback { inset: 0; }
  .showcase-card__verdict {
    position: static;
    inset: auto;
    min-height: 2.6rem;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    gap: .12rem .4rem;
    border-bottom: 1px solid var(--ink);
  }
  .showcase-card__verdict-label { display: none; }
  .showcase-card__verdict strong {
    flex: 1 0 100%;
    font-size: 1.08rem;
    text-align: left;
    white-space: nowrap;
  }
  .showcase-card__facts > .showcase-card__companion {
    padding-bottom: .15rem;
    border-bottom: 1px solid var(--rule-2);
    font-size: .58rem;
    line-height: 1.3;
  }
  .showcase-card__identity { padding: .48rem .55rem .5rem; }
  .showcase-card__folio { justify-content: flex-end; }
  .showcase-card--still-standing .showcase-card__folio b { color: var(--ink-2); }
  .showcase-card__model { margin-top: .28rem; font-size: .62rem; }
  .showcase-card__identity h3 { --fit-lines: 3; min-height: 3.45em; margin-top: .1rem; }
  .showcase-card__composition { --fit-lines: 2; min-height: 1.8em; }
  .showcase-card__price { margin-top: .38rem; }
  .showcase-card__price strong { font-size: 1.8rem; }
  .showcase-card__facts {
    grid-template-columns: auto minmax(0, 1fr) 2rem;
    align-items: center;
    padding: .38rem .35rem .38rem .55rem;
  }
  .showcase-card__facts time { text-align: right; }
  .showcase-card__action.showcase-card__action--compact {
    grid-area: auto;
    min-width: 2rem;
    min-height: 2rem;
    justify-content: center;
    padding: 0;
    border: 0;
    color: var(--measured-text);
    background: transparent;
  }
  .showcase-card__action--compact b { color: inherit; }
  .showcase-card__action {
    min-height: 2.25rem;
    padding: .28rem .55rem;
    border-top: 1px solid var(--rule);
    color: var(--ink);
    background: color-mix(in srgb, var(--surface) 96%, var(--ink));
  }
  .showcase-card__action b { color: var(--measured-text); }
  .showcase-card__link:hover .showcase-card__action {
    background: color-mix(in srgb, var(--surface) 90%, var(--rule));
  }
  .showcase-card__link:hover .showcase-card__action--compact {
    background: transparent;
  }

  .deal-desk-week { overflow: hidden; margin-top: var(--space-6); border: 1px solid var(--rule); border-radius: 8px; background: var(--surface); }
  .deal-desk-week header { padding: .8rem .9rem; border-bottom: 1px solid var(--rule); }
  .deal-desk-week header p { color: var(--ink-2); font: .58rem/1.25 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; text-transform: uppercase; }
  .deal-desk-week h2 { margin-top: .12rem; font: 700 1.5rem/1 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif; }
  .deal-desk-week header span { display: block; margin-top: .3rem; color: var(--ink-2); font-size: .72rem; line-height: 1.4; }
  .deal-desk-week__endings { padding: .5rem .9rem .6rem; }
  .deal-desk-week__endings h3 { font: .62rem/1.3 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; text-transform: uppercase; color: var(--ink-2); }
  .deal-desk-week__endings .deal-board__rows--compact { margin: 0; padding: 0; list-style: none; }
  .deal-desk-week__endings .deal-row-compact:last-child { border-block-end: 0; }

  /* D-D19 (2026-09-06): the standing list — the board continues past the
     cards in the same order as compact rows. Same panel grammar as the
     week review; no image, no control, one title action per row. */
  .deal-desk-list { overflow: hidden; margin-top: var(--space-6); border: 1px solid var(--rule); border-radius: 8px; background: var(--surface); }
  .deal-desk-list header { padding: .8rem .9rem; border-bottom: 1px solid var(--rule); }
  .deal-desk-list header p { color: var(--ink-2); font: .58rem/1.25 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; text-transform: uppercase; }
  .deal-desk-list h2 { margin-top: .12rem; font: 700 1.5rem/1 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif; }
  .deal-desk-list header span { display: block; margin-top: .3rem; color: var(--ink-2); font-size: .72rem; line-height: 1.4; }
  .deal-desk-list__rows { padding: .5rem .9rem .6rem; }
  .deal-desk-list__rows .deal-board__rows--compact { margin: 0; padding: 0; list-style: none; }
  .deal-desk-list .deal-row-compact:last-child { border-block-end: 0; }
  .deal-row-compact__available { color: var(--ink-2); font-size: .74rem; }
  .deal-row-compact__fold { color: var(--ink-2); font-size: .74rem; font-style: italic; }
  .showcase-card__fold { margin-top: .15rem; color: var(--ink-2); font: 500 .74rem/1.3 "Public Sans", "Public Sans Fallback", sans-serif; font-style: italic; }

  .deal-desk-activity {
    display: grid;
    grid-template-columns: minmax(14rem, .7fr) minmax(0, 1.3fr);
    overflow: hidden;
    margin-top: var(--space-5);
    border: 1px solid var(--rule);
    border-radius: 8px;
    background: var(--surface);
  }
  .deal-desk-activity header { padding: .75rem .9rem; border-right: 1px solid var(--rule); }
  .deal-desk-activity header p { color: var(--ink-2); }
  .deal-desk-activity h2 { margin-top: .12rem; font: 700 1.45rem/1 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif; }
  .deal-desk-activity nav { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .deal-desk-activity nav a { min-width: 0; min-height: 4.5rem; padding: .65rem .75rem; border-right: 1px solid var(--rule); color: var(--ink); text-decoration: none; }
  .deal-desk-activity nav a:last-child { border-right: 0; }
  .deal-desk-activity nav span { display: block; color: var(--ink-2); font: .6rem/1.25 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; text-transform: uppercase; }
  .deal-desk-activity nav strong { display: block; margin-top: .16rem; font: 700 1.3rem/1 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif; }
  /* D: a zero reports an absence; it is not a quantity to weigh against the
     others. Conditioned on the value, so a busy day dims nothing. */
  .deal-desk-activity nav a[data-count="0"] strong { color: var(--ink-2); font-weight: 400; }
  .deal-desk-activity nav a:hover span { text-decoration: underline; }
  .showcase-ledger-note { border: 1px solid var(--rule); border-radius: 8px; }
}

@layer media {
  @media (max-width: 64rem) {
    .showcase-grid,
    .deals-page .showcase-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  }
  @media (max-width: 52rem) {
    .deal-desk-nav { grid-template-columns: minmax(0, 1fr); gap: .5rem; }
    .showcase-grid,
    .showcase-grid--equal[data-card-count="3"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .deals-page .showcase-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .deals-page .showcase__head > span { display: none; }
    .deal-desk-activity { grid-template-columns: minmax(12rem, .65fr) minmax(0, 1.35fr); }
  }
  @media (max-width: 46rem) {
    .deal-desk-head__title,
    .deal-desk-status { grid-template-columns: minmax(0, 1fr); gap: var(--space-3); }
    .deal-desk-head__title > p:last-child { grid-column: 1; grid-row: auto; }
    .deal-desk-status dl { border-top: 1px solid color-mix(in srgb, var(--ink-on-dark) 24%, transparent); padding-top: .5rem; }
    .deal-desk-status dl div:first-child { border-left: 0; padding-left: 0; }
    .deals-page .showcase-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .deal-desk-activity { grid-template-columns: minmax(0, 1fr); }
    .deal-desk-activity header { border-right: 0; border-bottom: 1px solid var(--rule); }
  }
  @media (max-width: 40rem) {
    .showcase-shell { padding-top: .45rem; }
    .deal-desk-head__title { display: block; padding: .55rem .65rem .35rem; }
    .deal-desk-head__title h1 { margin-top: .04rem; font-size: 2.3rem; }
    .deal-desk-head__title > p:last-child { margin-top: .12rem; padding: 0; font-size: .68rem; line-height: 1.25; }
    .deal-desk-status {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      gap: .28rem;
      margin-inline: .65rem;
      padding: .38rem 0;
    }
    .deal-desk-status > div {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr);
      gap: .08rem .4rem;
      align-items: baseline;
    }
    .deal-desk-status h2 { margin-top: 0; font-size: 1rem; }
    .deal-desk-status > div > p:last-child {
      grid-column: 1 / -1;
      margin-top: 0;
      font-size: .6rem;
      line-height: 1.2;
    }
    .deal-desk-status dl { grid-template-columns: 1fr 1fr; gap: .2rem .45rem; margin-top: 0; padding-top: .28rem; }
    .deal-desk-status dl div { padding-inline: 0; border-left: 0; }
    /* "Online only" is already stated in the desk kicker and complete-scan
       detail. Repeating the coverage cell costs an entire row at 320px. */
    .deal-desk-status dl div:nth-child(2) { display: none; }
    .deal-desk-status dt { font-size: .48rem; }
    .deal-desk-status dd { margin-top: .05rem; font-size: .56rem; }
    .deal-desk-nav { display: block; padding: .28rem .65rem .42rem; }
    .deal-desk-nav > p { margin-bottom: .22rem; font-size: .5rem; }
    .deal-desk-nav > div { grid-template-columns: repeat(auto-fit, minmax(6rem, 1fr)); }
    .deal-desk-nav--featured > div { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .deal-desk-nav a { min-height: 2.75rem; display: block; padding: .35rem .4rem; }
    .deal-desk-nav strong,
    .deal-desk-nav span { display: block; }
    .deal-desk-nav strong { font-size: .9rem; }
    .deal-desk-nav span { margin-top: .08rem; font-size: .48rem; }
    .deal-desk-nav__feature-full,
    .deal-desk-nav__feature-receipt { display: none !important; }
    .deal-desk-nav__feature-short { display: block; opacity: 1; }
    .deal-desk-nav__feature strong .deal-desk-nav__feature-short {
      margin-top: 0;
      font: inherit;
    }
    .showcase { margin-top: .5rem; }
    .deals-page .showcase__head {
      grid-template-columns: minmax(0, 1fr) auto;
      gap: .18rem .5rem;
      padding-block: .32rem .42rem;
    }
    .deals-page .showcase__head > p { display: none; }
    .deals-page .showcase__head h2 { grid-column: 1 / -1; }
    .deals-page .showcase__head > span { display: none; }
    .showcase-grid,
    .showcase-grid--equal[data-card-count="1"],
    .showcase-grid--equal[data-card-count="2"],
    .showcase-grid--equal[data-card-count="3"] { grid-template-columns: minmax(0, 1fr); padding-top: .65rem; }
    .showcase-card__link {
      grid-template-columns: 7.5rem minmax(0, 1fr);
      grid-template-rows: auto auto auto auto;
      grid-template-areas:
        "media identity"
        "evidence evidence"
        "facts facts"
        "action action";
    }
    .showcase-card__media { grid-area: media; border-right: 1px solid var(--rule); border-bottom: 0; }
    .showcase-card__identity { grid-area: identity; }
    .showcase-card__facts { grid-area: facts; }
    .showcase-card__action { grid-area: action; }
    .deals-page .showcase-grid,
    .deals-page .showcase-grid--equal[data-card-count="1"],
    .deals-page .showcase-grid--equal[data-card-count="2"],
    .deals-page .showcase-grid--equal[data-card-count="3"] {
      grid-template-columns: minmax(0, 1fr);
      gap: .4rem;
      padding-top: .48rem;
    }
    .showcase-card__link {
      grid-template-columns: 7.5rem minmax(0, 1fr);
      grid-template-rows: auto auto auto auto;
      grid-template-areas:
        "media identity"
        "verdict verdict"
        "facts facts"
        "action action";
    }
    .showcase-card__media {
      grid-area: media;
      min-height: 7.5rem;
      aspect-ratio: auto;
      border-right: 1px solid var(--ink);
      border-bottom: 0;
    }
    .showcase-card__media img { padding: .25rem; }
    .showcase-card__image-fallback { inset: 0; }
    .showcase-card__verdict {
      grid-area: verdict;
      min-height: 2.5rem;
      gap: 0;
      padding: .32rem .45rem;
      border-top: 1px solid var(--ink);
    }
    .showcase-card__verdict strong { font-size: 1.05rem; text-align: left; }
    .showcase-card__identity { grid-area: identity; padding: .28rem .45rem; }
    .showcase-card__folio b { font-size: .625rem; }
    .showcase-card__model { margin-top: .18rem; font-size: .625rem; }
    .showcase-card__identity h3 {
      min-height: 0;
      margin-top: .06rem;
      font-size: .9rem;
      line-height: 1.25;
    }
    .showcase-card__composition {
      min-height: 0;
      margin-top: .1rem;
      font-size: .625rem;
      line-height: 1.2;
    }
    .showcase-card__price { margin-top: .25rem; }
    .showcase-card__price span { font-size: .625rem; }
    .showcase-card__price strong { font-size: 1.55rem; }
    .showcase-card__facts {
      grid-area: facts;
      grid-template-columns: auto minmax(0, 1fr) 2rem;
      padding: .32rem .25rem .32rem .45rem;
      font-size: .625rem;
    }
    .showcase-card__facts > .showcase-card__companion { font-size: .625rem; }
    .showcase-card__claim { line-height: 1.25; }
    /* D-D28: on the narrowest phones the fold contract (two complete cards
       above 844px) binds first; the market CONTEXT line collapses there —
       the tool page's cheapest-first table is one tap away. The LISTED
       LOWER companion is a verdict fact and is never collapsed. */
    @media (max-width: 23rem) { .showcase-card__facts > .showcase-card__market { display: none; } }
    .showcase-card__action { grid-area: action; min-height: 2.25rem; padding: .28rem .5rem; font-size: .75rem; }
    .showcase-card__action.showcase-card__action--compact {
      grid-area: auto;
      min-width: 2rem;
      min-height: 2rem;
      padding: 0;
      border: 0;
      background: transparent;
    }
    .deal-desk-activity { margin-top: var(--space-5); }
    .deal-desk-activity header { padding: .65rem .7rem; }
    .deal-desk-activity h2 { font-size: 1.25rem; }
    .deal-desk-activity nav { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .deal-desk-activity nav a { min-height: 4rem; padding: .55rem .65rem; border-bottom: 1px solid var(--rule); }
    .deal-desk-activity nav a:nth-last-child(-n + 2) { border-bottom: 0; }
    .deal-desk-activity nav a:nth-child(3) { border-right: 0; }
    .deal-desk-activity nav span { font-size: .5625rem; }
    .deal-desk-activity nav strong { font-size: 1.15rem; }
  }
  @media (forced-colors: active) {
    .deal-desk-head,
    .deal-desk-activity,
    .deal-desk-list,
    .showcase-ledger-note { border: 1px solid CanvasText; }
    .deal-desk-list header { border-bottom: 1px solid CanvasText; }
    .deal-desk-head { color: CanvasText; background: Canvas; }
    .deal-desk-head__title .kicker,
    .deal-desk-head__title > p:last-child,
    .deal-desk-nav a { color: CanvasText; }
    .deal-desk-nav__feature { box-shadow: inset .22rem 0 0 LinkText; }
    .showcase-card__claim { border-top-style: dashed; }
  }
  @media print {
    .deal-desk-head { color: #000; background: #fff; border: 1pt solid #000; }
    .deal-desk-nav { display: none; }
    .deal-desk-nav__feature { box-shadow: inset .22rem 0 0 #000; }
    .deal-desk-activity { break-inside: avoid; }
    .deal-desk-list { border: 1pt solid #000; }
    .deal-desk-list .deal-row-compact { break-inside: avoid; }
  }
}

/* home-depot-daily-deals.css */
/* Home Depot Daily Deals: one compact evidence-card grid, never a storefront. */
@layer components {
  .hd-daily-shell {
    width: min(100% - 2rem, var(--measure));
    margin-inline: auto;
    padding-block: var(--space-3) var(--space-7);
  }

  .hd-daily-route {
    min-height: 40px;
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-1) var(--space-2);
    align-items: center;
    color: var(--ink-2);
    font-size: .75rem;
  }
  .hd-daily-route a { color: inherit; }

  .hd-daily-intro {
    overflow: hidden;
    color: var(--ink-on-dark);
    background: var(--furniture);
    border-radius: 8px;
  }
  .hd-daily-head {
    display: grid;
    grid-template-columns: minmax(18rem, .9fr) minmax(22rem, 1.1fr);
    gap: var(--space-4) var(--space-7);
    align-items: center;
    padding: var(--space-4) var(--space-5);
  }
  .hd-daily-head__label {
    color: var(--ink-on-dark-2);
    font: 700 .7rem/1.25 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace;
    letter-spacing: .055em;
    text-transform: uppercase;
  }
  .hd-daily-head h1 {
    max-width: 15ch;
    margin-top: var(--space-1);
    font: 700 clamp(2.8rem, 5vw, 4.2rem)/.9 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif;
    letter-spacing: -.025em;
  }
  .hd-daily-head__copy {
    display: grid;
    gap: var(--space-2);
    max-width: 58ch;
    font-size: .88rem;
    line-height: 1.4;
  }
  .hd-daily-head__lede { font-weight: 650; }

  .hd-daily-scope-note {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-1) var(--space-2);
    padding: .5rem var(--space-5);
    border-top: 1px solid var(--ink-on-dark-2);
    color: var(--ink-on-dark-2);
    font-size: .72rem;
    line-height: 1.35;
  }
  .hd-daily-scope-note strong { color: var(--ink-on-dark); }

  .hd-daily-audit { margin-top: var(--space-3); }
  .hd-daily-grid-summary {
    display: grid;
    grid-template-columns: 8rem minmax(0, 1fr) auto;
    gap: .75rem;
    align-items: baseline;
    padding-block: .4rem .5rem;
    border-top: 2px solid var(--ink);
  }
  .hd-daily-grid-summary > p,
  .hd-daily-grid-summary > span {
    color: var(--ink-2);
    font: .7rem/1.35 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace;
    letter-spacing: .035em;
    text-transform: uppercase;
  }
  .hd-daily-grid-summary h2 {
    font: 700 1.25rem/1.05 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif;
    letter-spacing: .01em;
  }
  .hd-daily-grid-summary > span { text-align: right; }

  .hd-daily-card-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .65rem;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .hd-daily-card-grid > li {
    min-width: 0;
    display: flex;
    flex-direction: column;
  }
  .hd-daily-card {
    min-width: 0;
    min-height: 44px;
    width: 100%;
    display: grid;
    grid-template-rows: auto auto 1fr auto;
    overflow: hidden;
    color: var(--ink);
    background: var(--surface);
    border: 1px solid var(--ink);
    border-radius: 2px;
    text-decoration: none;
  }
  .hd-daily-card:hover {
    outline: 2px solid var(--ink);
    outline-offset: -2px;
    text-decoration: none;
  }
  .hd-daily-card:hover h3 {
    text-decoration: underline;
    text-decoration-thickness: .1em;
    text-underline-offset: .14em;
  }
  .hd-daily-card:focus-visible {
    position: relative;
    z-index: 1;
    outline-offset: 3px;
  }

  .hd-daily-card__media {
    position: relative;
    aspect-ratio: 2.5 / 1;
    overflow: hidden;
    background: var(--retailer-mark-mat);
  }
  /* Contained and unzoomed, like the showcase and search thumbnails that
     draw the same 384² catalog assets. A blanket scale(1.22) once trimmed
     the white margin off product shots here, but this collection is
     mostly merchandising composites — "+"-battery bundles, socket sets
     with a full-bleed piece-count bar — with 0–5% margin: it cut the top
     and bottom of 13 of 51 on the wide cell and, once the phone cell
     turned square, the sides of 44 of 51 (blades, discs, the caption bar).
     The mat is white, so the freed border is invisible. */
  .hd-daily-card__media img {
    width: 100%;
    height: 100%;
    padding: .3rem;
    object-fit: contain;
  }
  .hd-daily-card__image-fallback {
    position: absolute;
    inset: 0;
    display: grid;
    place-content: center;
    gap: .08rem;
    color: var(--ink-2);
    background: color-mix(in srgb, var(--surface) 90%, var(--rule));
    font: .7rem/1.25 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace;
    text-align: center;
    text-transform: uppercase;
  }
  .hd-daily-card__image-fallback b {
    font-family: "Public Sans", "Public Sans Fallback", sans-serif;
  }
  .hd-daily-card__signal {
    min-height: 2.65rem;
    display: flex;
    flex-wrap: wrap;
    gap: .08rem .42rem;
    align-content: center;
    align-items: baseline;
    padding: .32rem .5rem;
    color: var(--ink-on-dark);
    background: var(--furniture);
    border-top: 1px solid var(--ink);
    text-transform: uppercase;
  }
  .hd-daily-card__signal span {
    font: 700 .65rem/1.05 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace;
    letter-spacing: .035em;
  }
  .hd-daily-card__signal strong {
    font: 700 1rem/1.02 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif;
    letter-spacing: .025em;
  }
  .hd-daily-card--verified .hd-daily-card__signal {
    color: var(--measured-ink);
    background: var(--measured);
  }
  .hd-daily-card--seen-lower .hd-daily-card__signal {
    color: var(--caution-ink);
    background: var(--caution);
    border-top: 1px solid var(--caution-edge);
  }
  .hd-daily-card--availability-unknown .hd-daily-card__signal,
  .hd-daily-card--not-verified .hd-daily-card__signal {
    color: var(--claims-text);
    background: var(--surface);
    border-top: 2px dashed var(--claims-outline);
  }

  .hd-daily-card__identity {
    min-width: 0;
    display: flex;
    flex-direction: column;
    padding: .55rem .62rem .5rem;
  }
  .hd-daily-card__identity > p:not(.hd-daily-card__price) {
    color: var(--ink-2);
    font-size: .7rem;
    line-height: 1.28;
    overflow-wrap: anywhere;
  }
  .hd-daily-card__identity > p:first-child {
    font-family: "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace;
  }
  .hd-daily-card__identity h3 {
    --fit-lines: 2;
    margin-block: .13rem .18rem;
    font-size: .94rem;
    line-height: 1.25;
  }
  .hd-daily-card__identity > p:nth-of-type(2) { --fit-lines: 2; }
  .hd-daily-card__price {
    margin-top: auto;
    padding-top: .48rem;
    font-variant-numeric: tabular-nums;
  }
  .hd-daily-card__price span {
    display: block;
    color: var(--ink-2);
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
  }
  .hd-daily-card__price strong {
    display: block;
    margin-top: .04rem;
    font: 700 2rem/.92 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif;
  }

  .hd-daily-card__facts {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) 2rem;
    gap: .16rem .5rem;
    align-items: center;
    padding: .42rem .55rem;
    border-top: 1px solid var(--rule);
    color: var(--ink-2);
    font: .7rem/1.3 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace;
  }
  .hd-daily-card__facts time { text-align: right; }
  .hd-daily-card__companion {
    grid-column: 1 / -1;
    color: var(--ink);
    font-weight: 700;
    letter-spacing: .025em;
    text-transform: uppercase;
  }
  .hd-daily-card__explanation {
    grid-column: 1 / -1;
    color: var(--ink);
  }
  .hd-daily-card__availability {
    color: var(--ink);
    font-family: "Public Sans", "Public Sans Fallback", sans-serif;
    font-weight: 750;
    letter-spacing: .035em;
    text-transform: uppercase;
  }
  .hd-daily-card__action {
    justify-self: end;
    color: var(--measured-text);
  }
  .hd-daily-card__action b {
    font: 700 1.15rem/1 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace;
  }
  .hd-daily-watch {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .42rem .55rem;
    color: var(--ink);
    background: var(--surface);
    border: 1px solid var(--ink);
    border-top: 0;
    font-size: .75rem;
    font-weight: 750;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
  }
  .hd-daily-watch:hover { text-decoration: underline; text-underline-offset: .18em; }
  .hd-daily-watch:focus-visible { position: relative; z-index: 2; outline-offset: 3px; }

  .hd-daily-receipt {
    margin-top: var(--space-4);
    color: var(--ink);
    background: var(--surface);
    border: 1px solid var(--ink);
  }
  .hd-daily-receipt > summary {
    min-height: 44px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: var(--space-3);
    align-items: center;
    padding: .5rem .65rem;
    cursor: pointer;
  }
  .hd-daily-receipt > summary > span:first-child {
    display: grid;
    gap: .04rem;
  }
  .hd-daily-receipt > summary strong {
    font: 700 1rem/1.05 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif;
  }
  .hd-daily-receipt > summary small,
  .hd-daily-receipt > summary > span:last-child {
    color: var(--ink-2);
    font-size: .72rem;
    line-height: 1.35;
  }
  .hd-daily-receipt > summary > span:last-child {
    font-family: "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace;
    text-align: right;
  }
  .hd-daily-receipt__body { border-top: 1px solid var(--ink); }
  .hd-daily-receipt__body > h2 {
    padding: .65rem .7rem 0;
    font: 700 1.2rem/1.05 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif;
  }
  .hd-daily-receipt__body > h2 + p {
    padding: .18rem .7rem .65rem;
    color: var(--ink-2);
    font-size: .75rem;
  }
  .hd-daily-receipt__body > dl {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    border-top: 1px solid var(--rule);
  }
  .hd-daily-receipt__body > dl > div {
    min-width: 0;
    padding: .55rem;
    border-right: 1px solid var(--rule);
  }
  .hd-daily-receipt__body > dl > div:last-child { border-right: 0; }
  .hd-daily-receipt dt {
    color: var(--ink-2);
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .035em;
    text-transform: uppercase;
  }
  .hd-daily-receipt dd {
    margin-top: .15rem;
    font-size: .75rem;
    font-weight: 700;
    line-height: 1.3;
    overflow-wrap: anywhere;
  }
  .hd-daily-receipt__conservation {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-1) var(--space-5);
    padding: .45rem .55rem;
    border-top: 1px solid var(--rule);
    color: var(--ink-2);
    font: .72rem/1.4 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace;
  }

  .retailer-feature-route {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: var(--space-3) var(--space-6);
    align-items: center;
    margin-top: var(--space-5);
    padding: var(--space-3) var(--space-4);
    border-block: 1px solid var(--ink);
  }
  .retailer-feature-route > div { display: grid; gap: .12rem; }
  .retailer-feature-route > div > strong {
    font: 700 clamp(1.8rem, 3vw, 2.4rem)/1 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif;
    letter-spacing: -.02em;
  }
  .retailer-feature-route__receipt {
    color: var(--ink-2);
    font: .72rem/1.4 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace;
  }
  .retailer-feature-route > div > span {
    color: var(--ink-2);
    font-size: .75rem;
  }
  .retailer-feature-route > a {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    padding-inline: var(--space-3);
    color: var(--ink);
    background: var(--surface);
    border: 1px solid var(--ink);
    font-size: .75rem;
    font-weight: 700;
  }

  .hd-daily-empty {
    max-width: 52rem;
    padding: var(--space-5);
    background: var(--surface);
    border-block: 2px solid var(--ink);
  }
  .hd-daily-empty h2,
  .hd-daily-empty h3 {
    margin-top: var(--space-1);
    font: 700 clamp(1.7rem, 4vw, 2.5rem)/1 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif;
  }
  .hd-daily-empty p:not(:first-child) {
    max-width: 65ch;
    margin-top: var(--space-3);
    color: var(--ink-2);
  }
  .hd-daily-empty a {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    margin-top: var(--space-4);
    font-weight: 700;
  }
  .hd-daily-independence {
    margin-top: var(--space-4);
    padding-top: var(--space-3);
    color: var(--ink-2);
    border-top: 1px solid var(--rule);
    font-size: .72rem;
  }
}

@layer media {
  @media (max-width: 64rem) {
    .hd-daily-card-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .hd-daily-receipt__body > dl { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .hd-daily-receipt__body > dl > div:nth-child(3n) { border-right: 0; }
    .hd-daily-receipt__body > dl > div:nth-child(n + 4) { border-top: 1px solid var(--rule); }
  }

  @media (max-width: 52rem) {
    .hd-daily-head { grid-template-columns: 1fr; gap: var(--space-3); }
    .retailer-feature-route { grid-template-columns: 1fr; }
    .retailer-feature-route > a {
      width: 100%;
      justify-content: space-between;
    }
  }

  @media (max-width: 46rem) {
    .hd-daily-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  }

  @media (max-width: 40rem) {
    .hd-daily-shell {
      width: min(100% - 1rem, var(--measure));
      padding-block: .45rem var(--space-6);
    }
    .hd-daily-route {
      min-height: 28px;
      font-size: .66rem;
    }
    .hd-daily-intro { border-radius: 0 0 8px 8px; }
    .hd-daily-head {
      display: block;
      padding: .45rem .55rem .4rem;
    }
    .hd-daily-head__label { font-size: .58rem; }
    .hd-daily-head h1 {
      max-width: none;
      margin-top: .08rem;
      font-size: clamp(2.1rem, 9.5vw, 2.6rem);
      line-height: .9;
    }
    .hd-daily-head__copy {
      gap: .12rem;
      margin-top: .28rem;
      font-size: .7rem;
      line-height: 1.25;
    }
    .hd-daily-scope-note {
      display: block;
      padding: .34rem .55rem;
      font-size: .66rem;
      line-height: 1.25;
    }
    .hd-daily-scope-note strong { margin-right: .2rem; }
    .hd-daily-audit { margin-top: .5rem; }
    .hd-daily-grid-summary {
      grid-template-columns: minmax(0, 1fr) auto;
      gap: .35rem;
      padding-block: .28rem .34rem;
    }
    .hd-daily-grid-summary > p { display: none; }
    .hd-daily-grid-summary h2 { font-size: 1rem; }
    .hd-daily-grid-summary > span {
      align-self: center;
      font-size: .62rem;
      text-align: right;
    }
    .hd-daily-card-grid {
      grid-template-columns: minmax(0, 1fr);
      gap: .55rem;
    }
    .hd-daily-card {
      grid-template-columns: 7rem minmax(0, 1fr);
      grid-template-rows: auto auto auto;
      grid-template-areas:
        "media identity"
        "signal signal"
        "facts facts";
    }
    .hd-daily-card__media {
      grid-area: media;
      min-height: 7rem;
      aspect-ratio: auto;
      border-right: 1px solid var(--ink);
    }
    .hd-daily-card__media img { padding: .25rem; }
    .hd-daily-card__image-fallback {
      inset: 0;
      font-size: .6rem;
    }
    .hd-daily-card__signal {
      grid-area: signal;
      min-height: 2.5rem;
      padding: .24rem .32rem;
    }
    .hd-daily-card__signal span { font-size: .58rem; }
    .hd-daily-card__signal strong { font-size: .82rem; }
    .hd-daily-card__identity {
      grid-area: identity;
      min-height: 7rem;
      padding: .38rem .48rem .36rem;
    }
    .hd-daily-card__identity > p:not(.hd-daily-card__price) { font-size: .65rem; }
    .hd-daily-card__identity h3 {
      margin-block: .08rem .12rem;
      font-size: .88rem;
      line-height: 1.25;
    }
    .hd-daily-card__price { padding-top: .3rem; }
    .hd-daily-card__price span { font-size: .62rem; }
    .hd-daily-card__price strong { font-size: 1.65rem; }
    .hd-daily-card__facts {
      grid-area: facts;
      padding: .34rem .45rem;
      font-size: .65rem;
    }
    .hd-daily-card__action b { font-size: 1rem; }
    .hd-daily-watch { justify-content: flex-start; padding-inline: .65rem; }
    .hd-daily-receipt > summary {
      grid-template-columns: 1fr;
      gap: .12rem;
    }
    .hd-daily-receipt > summary > span:last-child { text-align: left; }
    .hd-daily-receipt__body > dl { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .hd-daily-receipt__body > dl > div,
    .hd-daily-receipt__body > dl > div:nth-child(3n) {
      border-top: 1px solid var(--rule);
      border-right: 1px solid var(--rule);
    }
    .hd-daily-receipt__body > dl > div:nth-child(2n) { border-right: 0; }
  }

  @media (forced-colors: active) {
    .hd-daily-intro,
    .hd-daily-scope-note,
    .hd-daily-grid-summary,
    .hd-daily-card,
    .hd-daily-card__media,
    .hd-daily-card__signal,
    .hd-daily-card__facts,
    .hd-daily-receipt,
    .hd-daily-receipt__body,
    .retailer-feature-route,
    .retailer-feature-route > a,
    .hd-daily-empty,
    .hd-daily-independence {
      border-color: CanvasText;
    }
    .hd-daily-intro,
    .hd-daily-card,
    .hd-daily-card__media,
    .hd-daily-card__signal,
    .hd-daily-card__image-fallback,
    .hd-daily-receipt,
    .retailer-feature-route > a,
    .hd-daily-empty {
      color: CanvasText;
      background: Canvas;
    }
    .hd-daily-head__label,
    .hd-daily-scope-note,
    .hd-daily-scope-note strong { color: CanvasText; }
    .hd-daily-card,
    .hd-daily-watch,
    .retailer-feature-route > a {
      color: LinkText;
      border-color: LinkText;
    }
  }

  @media print {
    .hd-daily-shell { width: 100%; padding: 0; }
    .hd-daily-route { display: none; }
    .hd-daily-intro,
    .hd-daily-card,
    .hd-daily-card__signal,
    .hd-daily-receipt,
    .hd-daily-empty {
      color: var(--ink);
      background: var(--surface);
      border-color: var(--ink);
    }
    .hd-daily-head {
      grid-template-columns: 1fr 1fr;
      padding: 8pt;
    }
    .hd-daily-head h1 { font-size: 34pt; }
    .hd-daily-scope-note,
    .hd-daily-scope-note strong { color: var(--ink); }
    .hd-daily-card-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 6pt;
    }
    .hd-daily-card { break-inside: avoid; }
    .hd-daily-watch { display: none; }
    .hd-daily-card__media { aspect-ratio: 2 / 1; }
    .hd-daily-card__action { display: none; }
    .hd-daily-receipt { break-inside: avoid; }
    .hd-daily-receipt__body { display: block; }
  }
}

/* forced-colors.css */
@layer states {
  @media (forced-colors: active) {
    body, .audit, .search input { background: Canvas; color: CanvasText; }
    .site-head, .site-foot, .audit__head {
      background: Canvas;
      color: CanvasText;
      border-block: 2px solid CanvasText;
    }
    .wordmark, .site-foot__nav h2, .site-foot__receipt,
    .site-foot__receipt time, .site-foot__receipt span,
    .home-kicker, .home-hero .home-kicker, .home-search label,
    .hero-record__eyebrow > span, .hero-record__availability {
      color: CanvasText !important;
    }
    .site-head__mobile-search, .site-nav a, .site-foot__nav a,
    .hero-record__action, .hub-intro .home-kicker a {
      color: LinkText !important;
    }
    .search button, .home-search button, .hero__search button,
    .hub-search button, .scope-search button, .catalog-form button,
    .catalog-pagination button, .recovery-search button {
      color: ButtonText !important;
      background: ButtonFace;
      border-color: ButtonText;
    }
    .audit, .audit__subject, .audit__foot, .offer-table th, .offer-table td,
    .control-record, .correction-register, .offer-list li,
    .home-hero, .hero-record, .coverage-rail, .home-section__head,
    .activity-list, .activity-row, .claim-path__example,
    .claim-path__example > span, .trust-block, .hub-intro, .hub-stats,
    .hub-platform-nav, .hub-platform-nav a, .brand-row, .brand-row--upcoming, .retailer-row,
    .record-list, .record-list li, .live-empty, .scope-instrument,
    .scope-instrument__facts, .scope-instrument__facts div,
    .system-tiles a, .nav-facts, .nav-facts div, .collection-strip,
    .collection-strip__action, .facet-rail, .facet-rail a,
    .catalog-form, .catalog-form input,
    .catalog-form select, .catalog-results, .catalog-result, .catalog-result__media,
    .catalog-fallback, .catalog-fallback li, .trust-hero,
    .trust-hero__facts, .trust-hero__facts div, .trust-jump,
    .trust-jump a, .trust-section__head, .trust-pipeline,
    .trust-pipeline li, .evidence-class-grid article, .trust-guardrail,
    .maturity-ladder, .maturity-ladder li, .trust-coverage-summary > dl,
    .trust-coverage-summary > dl div, .trust-retailer-list,
    .trust-retailer-list a, .trust-retailer-list > p, .trust-disclosure,
    .trust-two-up, .trust-two-up + .trust-two-up, .trust-two-up li,
    .retailer-scope, .retailer-scope dl div,
    .recovery-stage, .recovery-search input, .recovery-actions,
    .recovery-actions nav, .recovery-actions nav a,
    .recovery-records > header { border-color: CanvasText; }
    .home-hero, .hero-record, .hero-record__media, .hero-record__fallback,
    .claim-path__example, .claim-path__example > span:last-of-type,
    .claim-path__example em, .live-empty, .brand-row, .retailer-row,
    .scope-instrument, .scope-instrument__facts, .system-tiles a, .collection-strip,
    .catalog-form, .catalog-form input,
    .catalog-form select, .trust-hero, .trust-hero__facts,
    .trust-pipeline, .evidence-class-grid article, .trust-guardrail,
    .trust-coverage-summary > dl, .trust-disclosure,
    .recovery-stage, .recovery-search input {
      background: Canvas;
      color: CanvasText;
      box-shadow: none;
    }
    .home-hero__subhead, .home-hero__scope, .hero-record__eyebrow,
    .hero-record__model, .hero-record__composition, .hero-record__price span,
    .hero-record__price small, .scope-instrument__lead > p,
    .scope-instrument__status, .scope-instrument__facts dt,
    .scope-instrument__facts dd, .scope-search label { color: CanvasText; }
    .scope-instrument__marker { color: CanvasText; }
    .nav-mark { outline-color: CanvasText; }
    .trust-hero__lead > p, .trust-hero__status, .trust-hero__facts dt,
    .recovery-stage > div > p { color: CanvasText; }
    .trust-hero__status > span { background: CanvasText; }
    .trust-hero__actions a { color: LinkText; background: Canvas; border-color: LinkText; }
    .catalog-result__verdict, .catalog-result__maturity, .catalog-form__filters > summary::before { color: CanvasText; border-color: CanvasText; }
    .verdict { background: Canvas; color: CanvasText; border: 2px solid CanvasText; }
    /* The companion carries its own ink for the dark hero stage; forced colors
       repaints that ground to Canvas, so the muted value would sit at 1.72:1.
       The left rule is the only thing distinguishing it here, so it keeps a
       border and takes CanvasText. */
    .verdict-companion { color: CanvasText; border-inline-start-color: CanvasText; }
    .verdict--claims { border-style: dashed; }
    .verdict--caution, .audit__correction { border: 3px double CanvasText; }
    .offer-table__divider th, .offer-list__divider { background: Canvas; border: 2px solid CanvasText; }
    .offer-table__mark {
      outline-color: CanvasText;
      forced-color-adjust: none;
    }
    a { color: LinkText; }
    :focus-visible { outline: 3px solid Highlight; box-shadow: none; }
  }
}

/* print.css */
@layer media {
  @media print {
    :root { color-scheme: light; --ground: #fff; --surface: #fff; --ink: #000; --ink-2: #333; --furniture: #000; --ink-on-dark: #fff; --rule: #777; --rule-2: #bbb; }
    body { font-size: 10pt; }
    .site-head, .site-foot, .skip-link, .search { display: none; }
    .ledger-shell { width: 100%; padding: 0; }
    .audit { break-inside: avoid; }
    .audit__foot a::after { content: " (" attr(href) ")"; font-weight: 400; }
    .audit__head { background: #fff; color: #000; border-block: 2pt solid #000; }
    .verdict { background: #fff; color: #000; border: 2pt solid #000; }
    .verdict--claims { border-style: dashed; }
    .verdict--caution, .audit__correction { border: 3pt double #000; }
    .site-foot.tool-page__foot { display: block; background: #fff; color: #000; border-top: 2pt solid #000; }
    .tool-page__foot .site-foot__nav { display: none; }
    .tool-page__foot .site-foot__receipt { display: flex; color: #000; border-color: #000; }
    .retailer-record-actions { display: block; }
    .retailer-record-actions a:not(.retailer-record-actions__shop) { display: none; }
    .retailer-record-actions__shop {
      min-height: 0;
      padding: 0;
      border: 0;
      color: #000;
      background: #fff;
      font-size: 8pt;
      overflow-wrap: anywhere;
    }
    .retailer-record-actions__shop::after { content: " (" attr(href) ")"; font-weight: 400; }
    .retailer-record-return { display: none; }
    .retailer-record-toc { display: none; }
    .deal-shell { width: 100%; padding: 0; }
    .deal-intro h1 { font-size: 34pt; }
    .deal-index { display: none; }
    .deal-method, .source-guard > header { color: #000; background: #fff; border: 2pt solid #000; }
    .deal-method > p { color: #000; }
    .deal-section, .deal-row, .source-guard { break-inside: avoid; }
    .deal-row { grid-template-columns: 32pt 1.25fr 80pt .7fr 1fr; gap: 5pt 8pt; }
    .deal-row__actions a { min-height: 0; padding: 3pt; color: #000; background: #fff; }
    .deal-row__actions a:last-child { color: #000; background: #fff; }
    .deal-row__actions a::after { content: " (" attr(href) ")"; font-weight: 400; }
    .deal-status, .source-guard__open { color: #000; background: #fff; border: 2pt solid #000; }
  }
}