/* 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;
    --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;
  }
  .wordmark svg { width: auto; height: 1.08em; margin-left: .07em; color: currentColor; transform: translateY(.05em); }
  .wordmark svg path, .wordmark svg rect { 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: .38rem; }
  .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, 18rem) auto; grid-template-areas: "input button"; 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 { font-size: 1.125rem; line-height: 1.25; }
  .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; }
  .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); }

  .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: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; }

  .correction-register h3 { padding: .75rem .75rem .45rem; font-size: 1.125rem; line-height: 1.2; }
  .correction-register > p { border-top: 1px solid var(--rule); }
}

@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 { 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.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(3, 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; }
  }

  @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; }
  }
}

/* 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; }
}

@layer components {
  .offer-table__retailer { color: inherit; text-decoration: none; }
  .offer-table__retailer:hover, .offer-table__retailer:focus-visible { text-decoration: underline; }
  .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, .depth-instrument h3, .evidence-ledger h3,
  .coverage-manifest h3, .watch-contract h2 {
    font: 700 1.45rem/1.05 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif;
    letter-spacing: .01em;
  }
  .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) {
    .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 .section-head {
      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;
    }
    .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, .depth-instrument h3, .evidence-ledger h3,
    .coverage-manifest h3, .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__offers, .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; }
  }
}

@layer components {
  /* A second listing of one configuration is a second OFFER, not a footnote:
     its own audit, its own anchor, its own verdict (entity model §1). */
  .tool-page__listings-intro { max-width: 62ch; color: var(--ink-2); }
  .tool-page__listing { margin-top: 1.4rem; }
  .tool-page__listing-label {
    margin-bottom: .45rem;
    color: var(--ink-2);
    font: .72rem/1.3 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace;
    text-transform: uppercase;
    letter-spacing: .04em;
  }
}

@layer components {
  /* W2b (D-V5): the verdict rail — present or not, never animated (P4).
     Sticky in flow after the offers; pins while the evidence scrolls.
     Repeats canonical VM text verbatim; ≤48px tall at phone widths. */
  .verdict-rail {
    position: sticky;
    top: 0;
    z-index: 30;
    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; }
  .tool-toc {
    display: flex;
    flex-wrap: wrap;
    gap: .3rem 1.1rem;
    padding: .45rem .6rem;
    border-bottom: 1px solid var(--rule);
    font: 650 .78rem/1.4 "Public Sans", "Public Sans Fallback", sans-serif;
  }
  .tool-toc a { color: var(--ink); text-decoration: none; }
  .tool-toc a:hover { text-decoration: underline; text-underline-offset: .18em; }
  /* Anchor landings never hide under the pinned rail. */
  .tool-page [id] { scroll-margin-top: 3.6rem; }

  /* 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. */
    .verdict-rail { margin-inline: calc(50% - 50vw); padding: .18rem .6rem; font-size: .66rem; line-height: 1.22; }
    .verdict-rail__identity { font-size: .6rem; }
    .tool-toc { gap: .25rem .85rem; font-size: .75rem; }
    .tool-fold { margin-top: 2.2rem; }
  }
  @media print {
    /* The rail and TOC are navigation furniture; folds print open. */
    .verdict-rail, .tool-toc { display: none; }
    .tool-fold:not([open])::details-content { content-visibility: visible; display: block; }
    .tool-fold > summary::after { display: none; }
  }
}

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

/* 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; }
  }
}

/* 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 { 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__building { margin-top: .6rem; padding: .55rem; border: 1px solid var(--home-stage-rule); font-size: .75rem; }
  .hero-record__availability { margin-top: .55rem; 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;
    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: center; 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: 1rem;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .home-deal-layout > .showcase-card:first-child { grid-column: span 2; grid-row: span 2; }
  .home-deal-layout > .showcase-card:first-child .showcase-card__identity h3 { font-size: 1.15rem; }
  .home-deal-layout > .showcase-card:first-child .showcase-card__price strong { font-size: 2.6rem; }
  .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; }

  .ecosystem-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
  .ecosystem-card {
    min-width: 0;
    min-height: 17rem;
    display: flex;
    flex-direction: column;
    padding: 1.15rem;
    border: 1px solid var(--ink);
    border-radius: var(--home-radius);
    color: var(--ink);
    background: var(--surface);
    text-decoration: none;
  }
  .ecosystem-card__label { font: 700 clamp(2.7rem, 5vw, 4.6rem)/.85 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif; letter-spacing: -.03em; }
  .ecosystem-card > strong { margin-top: .65rem; font-size: 1rem; }
  .ecosystem-card dl { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; margin-top: 1.25rem; padding-top: .6rem; border-top: 1px solid var(--rule); }
  .ecosystem-card dt { color: var(--ink-2); font-size: .65rem; text-transform: uppercase; }
  .ecosystem-card dd { font: 700 1.35rem/1.1 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif; }
  .ecosystem-card > small { margin-top: auto; padding-top: 1.25rem; color: var(--ink-2); font: .62rem/1.4 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; }
  .ecosystem-card > b { min-height: 44px; display: flex; align-items: end; margin-top: .25rem; font-size: .76rem; }
  .ecosystem-card:hover > b { text-decoration: underline; }

  .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 { 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 > 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: .2rem; }
  .activity-row__receipt { min-height: 44px; display: inline-flex; align-items: center; font-size: .72rem; font-weight: 700; white-space: nowrap; }

  .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 { min-height: 10rem; display: flex; flex-direction: column; justify-content: space-between; gap: 1rem; padding: 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: 2rem 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 { margin-top: .65rem; font-size: .86rem; line-height: 1.5; }
  .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); }
  .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; }

  .brand-directory { display: grid; gap: 1rem; }
  .brand-directory > a { display: grid; grid-template-columns: minmax(10rem, .55fr) minmax(12rem, .65fr) minmax(22rem, 1.5fr) auto; gap: 1rem 2rem; align-items: center; min-height: 10rem; padding: 1rem; border: 1px solid var(--ink); color: var(--ink); background: var(--surface); text-decoration: none; }
  .brand-directory > a > span { font: 700 clamp(2.7rem, 6vw, 5rem)/.85 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif; }
  .brand-directory > a > strong { font-size: 1rem; }
  .brand-directory dl { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
  .brand-directory dt { color: var(--ink-2); font-size: .62rem; text-transform: uppercase; }
  .brand-directory dd { margin-top: .1rem; font-size: .78rem; font-weight: 700; }
  .brand-directory > a > b { font-size: .75rem; }
  .brand-directory > a:hover > b { text-decoration: underline; }

  .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; }
}

@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); }
    .home-section__head > a { grid-column: 2; }
    .activity-row { grid-template-columns: 7.5rem minmax(13rem, 1.4fr) 7rem minmax(10rem, .8fr); }
    .activity-row__receipt { grid-column: 4; }
    .brand-directory > a { grid-template-columns: minmax(10rem, .7fr) minmax(12rem, .6fr) minmax(0, 1.3fr); }
    .brand-directory > a > b { grid-column: 2 / -1; }
  }

  @media (max-width: 52rem) {
    .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 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ecosystem-grid { grid-template-columns: minmax(0, 1fr); }
    .ecosystem-card { min-height: 13rem; }
    .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 { min-height: 7rem; border-right: 0; border-bottom: 1px solid var(--rule); }
    .trust-block { grid-template-columns: minmax(0, 1fr); }
    .brand-directory > a { grid-template-columns: minmax(0, 1fr); }
    .brand-directory > a > b { grid-column: auto; }
    .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; }
  }

  @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; }
    .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 { max-height: 2.25em; overflow: hidden; margin-top: .08rem; font-size: .72rem; line-height: 1.12; }
    .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: .3rem; }
    .hero-record__availability { margin-top: .3rem; 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 { display: block; padding-block: .5rem .7rem; }
    .home-section__head h2 { font-size: 2rem; }
    .home-section__head > p { margin-top: .35rem; font-size: .74rem; }
    .home-section__head > a { margin-top: .35rem; white-space: normal; }
    .home-deal-layout, .hub-deals { grid-template-columns: minmax(0, 1fr); gap: .7rem; }
    .home-deal-layout > .showcase-card:first-child { grid-column: auto; grid-row: auto; }
    .ecosystem-card { min-height: 11rem; padding: .8rem; }
    .ecosystem-card__label { font-size: 3rem; }
    .ecosystem-card dl { margin-top: .65rem; }
    .ecosystem-card > small { padding-top: .7rem; }
    .activity-row { display: grid; grid-template-columns: minmax(0, 1fr) 6.5rem; grid-template-areas: "event price" "identity identity" "spark receipt"; gap: .35rem .75rem; padding: .6rem .15rem; }
    .activity-row__event { display: flex; flex-wrap: wrap; align-items: baseline; gap: .2rem .45rem; }
    .activity-row__identity > a { font-size: .78rem; }
    .activity-row__spark { width: 7rem; }
    .activity-row__decision > strong { font-size: 1.5rem; }
    .activity-row__decision .verdict { max-width: 6.5rem; margin-left: auto; }
    .activity-row__receipt { min-height: 44px; }
    .claim-path__example > span { min-height: 6.5rem; padding: .75rem; }
    .trust-block { gap: .75rem; }
    .hub-shell { padding-top: .8rem; }
    .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; }
    .brand-directory dl { grid-template-columns: minmax(0, 1fr); gap: .35rem; }
  }

  @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 1fr auto auto;
    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: .7rem .7rem 3.6rem; 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; }
  /* v3 placement rule: the overlay's mandatory seen-lower companion. */
  .showcase-card__verdict .showcase-card__companion { grid-column: 1 / -1; font: 600 .58rem/1.3 "Public Sans", "Public Sans Fallback", sans-serif; letter-spacing: .04em; }

  .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.22; }
  .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 { grid-column: 1 / -1; }
  .showcase-card__claim { color: var(--ink); }
  .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-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-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-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; }
  .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 .32rem; 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); }
  }

  @media (max-width: 52rem) {
    .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 .deal-intro h1 { margin-bottom: .32rem; }
    .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 span { font-size: .46rem; }
    .showcase-card__verdict strong { font-size: .78rem; text-align: left; white-space: nowrap; }
    .showcase-card__verdict .showcase-card__companion { font-size: .5rem; }
    .showcase-card__identity { grid-area: identity; padding: .45rem .5rem .4rem; }
    .showcase-card__folio span { font-size: 1.35rem; }
    .showcase-card__folio b { font-size: .55rem; }
    .showcase-card__model { margin-top: .32rem; font-size: .58rem; }
    .showcase-card__identity h3 { margin-top: .1rem; font-size: .82rem; line-height: 1.15; }
    .showcase-card__composition { margin-top: .1rem; font-size: .58rem; line-height: 1.25; }
    .showcase-card__price { margin-top: .35rem; }
    .showcase-card__price span { font-size: .52rem; }
    .showcase-card__price strong { font-size: 1.65rem; }
    .showcase-card__facts { grid-area: facts; padding: .4rem .5rem; font-size: .55rem; }
    .showcase-card__action { grid-area: action; min-height: 2.75rem; padding: .42rem .5rem; font-size: .7rem; }
    .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-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 {
    .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 .78rem/1.3 "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; }
/* v3 rider: the companion line inside a measured verdict plate. */
.verdict__companion {
  display: block; font: 600 .68rem/1.3 "Public Sans", "Public Sans Fallback", sans-serif;
  letter-spacing: .04em; margin-block-start: .2rem;
}
/* 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-5);
    align-items: end;
    padding: var(--space-5);
  }
  .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, 6vw, 5.5rem)/.82 "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(20rem, 1fr) minmax(30rem, 1.15fr);
    gap: var(--space-5);
    align-items: center;
    margin-inline: var(--space-5);
    padding: .8rem 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-readout 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.45rem/1.05 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif;
    letter-spacing: .01em;
  }
  .deal-desk-status > div > p:last-child { margin-top: .25rem; max-width: 58ch; font-size: .78rem; line-height: 1.4; 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: .75rem var(--space-5) var(--space-5); }
  .deal-desk-nav > p { align-self: center; opacity: .7; }
  .deal-desk-nav > div { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .deal-desk-nav a {
    min-height: 3.2rem;
    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; }

  .showcase { margin-top: var(--space-5); }
  .showcase__head { grid-template-columns: 10rem 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--ranked { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .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--lead { grid-column: span 2; }
  .showcase-card__link { grid-template-rows: auto auto auto auto 1fr; }
  .showcase-card--lead .showcase-card__link {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-areas:
      "media identity"
      "evidence evidence"
      "facts facts"
      "action action";
    grid-template-rows: auto auto auto auto;
  }
  .showcase-card--lead .showcase-card__media { grid-area: media; border-right: 1px solid var(--rule); border-bottom: 0; }
  .showcase-card--lead .showcase-card__identity { grid-area: identity; }
  .showcase-card--lead .showcase-card__evidence-panel { grid-area: evidence; }
  .showcase-card--lead .showcase-card__facts { grid-area: facts; }
  .showcase-card--lead .showcase-card__action { grid-area: action; }
  .showcase-card__image-fallback { background: #F2F0EA; }
  .showcase-card__evidence-panel {
    display: grid;
    grid-template-columns: 8.25rem minmax(0, 1fr);
    grid-template-areas:
      "spark reference"
      "depth depth"
      "position position"
      "claim claim";
    gap: .55rem .75rem;
    padding: .65rem .7rem;
    border-top: 1px solid var(--rule);
    background: color-mix(in srgb, var(--surface) 94%, var(--rule));
  }
  .showcase-card__spark { grid-area: spark; width: 8.25rem; align-self: center; }
  .showcase-card__spark > span { display: block; margin-top: .05rem; color: var(--ink-2); font: .55rem/1.2 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; text-align: center; text-transform: uppercase; }
  .showcase-card__reference { grid-area: reference; align-self: center; min-width: 0; }
  .showcase-card__reference span { display: block; color: var(--ink-2); font: .58rem/1.25 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; text-transform: uppercase; }
  .showcase-card__reference strong { display: block; margin-top: .12rem; font: 700 1.55rem/1 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif; font-variant-numeric: tabular-nums; }
  .showcase-card__depth { grid-area: depth; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); padding-top: .45rem; border-top: 1px solid var(--rule-2); }
  .showcase-card__depth div { padding-inline: .35rem; border-right: 1px solid var(--rule-2); }
  .showcase-card__depth div:first-child { padding-left: 0; }
  .showcase-card__depth div:last-child { padding-right: 0; border-right: 0; }
  .showcase-card__depth dt { color: var(--ink-2); font: .52rem/1.2 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; text-transform: uppercase; }
  .showcase-card__depth dd { margin-top: .12rem; font: 700 .72rem/1.1 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; }
  .showcase-card__position { grid-area: position; color: var(--ink-2); font-size: .66rem; line-height: 1.35; }
  .showcase-card__evidence-panel .showcase-card__claim { grid-area: claim; padding-top: .4rem; border-top: 1px dashed var(--claims-outline); color: var(--claims-text); font-size: .66rem; font-weight: 650; line-height: 1.35; }
  .showcase-card__facts { grid-template-columns: auto minmax(0, 1fr); }
  .showcase-card__facts time { text-align: right; }

  .deal-desk-readout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--space-4); margin-top: var(--space-6); }
  .deal-desk-readout > div { overflow: hidden; border: 1px solid var(--rule); border-radius: 8px; background: var(--surface); }
  .deal-desk-readout header { padding: .8rem .9rem; border-bottom: 1px solid var(--rule); }
  .deal-desk-readout header p { color: var(--ink-2); }
  .deal-desk-readout h2 { margin-top: .12rem; font: 700 1.5rem/1 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif; }
  .deal-desk-readout dl,
  .deal-desk-readout nav { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .deal-desk-readout dl div,
  .deal-desk-readout nav a { min-width: 0; padding: .75rem .9rem; border-right: 1px solid var(--rule); }
  .deal-desk-readout dl div:last-child,
  .deal-desk-readout nav a:last-child { border-right: 0; }
  .deal-desk-readout dt,
  .deal-desk-readout nav span { display: block; color: var(--ink-2); font: .58rem/1.25 "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace; text-transform: uppercase; }
  .deal-desk-readout dd,
  .deal-desk-readout nav strong { display: block; margin-top: .16rem; font: 700 1.7rem/1 "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif; }
  .deal-desk-readout nav { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .deal-desk-readout nav a { min-height: 4.5rem; color: var(--ink); text-decoration: none; }
  .deal-desk-readout nav a:hover span { text-decoration: underline; }
  .showcase-ledger-note { border: 1px solid var(--rule); border-radius: 8px; }
}

@layer media {
  @media (max-width: 64rem) {
    .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: .6rem; }
    .deal-desk-status dl div:first-child { border-left: 0; padding-left: 0; }
    .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)); }
    .showcase-card--lead { grid-column: span 2; }
    .deal-desk-readout { grid-template-columns: minmax(0, 1fr); }
  }
  @media (max-width: 40rem) {
    .showcase-shell { padding-top: .45rem; }
    .deal-desk-head__title { display: block; padding: .72rem .75rem .55rem; }
    .deal-desk-head__title h1 { margin-top: .08rem; font-size: 2.6rem; }
    .deal-desk-head__title > p:last-child { margin-top: .2rem; padding: 0; font-size: .72rem; line-height: 1.32; }
    .deal-desk-status { display: block; margin-inline: .75rem; padding: .48rem 0; }
    .deal-desk-status h2 { font-size: 1.05rem; }
    .deal-desk-status > div > p:last-child { margin-top: .08rem; font-size: .6rem; line-height: 1.2; }
    .deal-desk-status dl { grid-template-columns: 1fr 1fr; gap: .2rem .45rem; margin-top: .4rem; padding-top: .35rem; }
    .deal-desk-status dl div { padding-inline: 0; border-left: 0; }
    .deal-desk-status dl div:last-child { grid-column: 1 / -1; }
    .deal-desk-status dt { font-size: .48rem; }
    .deal-desk-status dd { margin-top: .05rem; font-size: .56rem; }
    .deal-desk-nav { display: block; padding: .35rem .75rem .55rem; }
    .deal-desk-nav > p { margin-bottom: .3rem; font-size: .5rem; }
    .deal-desk-nav > 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; }
    .showcase { margin-top: .7rem; }
    .showcase__head { grid-template-columns: 5.5rem minmax(0, 1fr); }
    .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--lead { grid-column: auto; }
    .showcase-card--lead .showcase-card__link,
    .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--lead .showcase-card__media,
    .showcase-card__media { grid-area: media; border-right: 1px solid var(--rule); border-bottom: 0; }
    .showcase-card__identity { grid-area: identity; }
    .showcase-card__evidence-panel { grid-area: evidence; grid-template-columns: 7.35rem minmax(0, 1fr); gap: .35rem .55rem; padding: .4rem .5rem; }
    .showcase-card__spark { width: 7.35rem; }
    .showcase-card__spark > span { font-size: .46rem; }
    .showcase-card__reference span { font-size: .49rem; }
    .showcase-card__reference strong { font-size: 1.25rem; }
    .showcase-card__depth { padding-top: .3rem; }
    .showcase-card__depth dt { font-size: .43rem; }
    .showcase-card__depth dd { font-size: .6rem; }
    .showcase-card__position { display: none; }
    .showcase-card__evidence-panel .showcase-card__claim { padding-top: .2rem; font-size: .52rem; line-height: 1.2; }
    .showcase-card__facts { grid-area: facts; }
    .showcase-card__action { grid-area: action; }
    .deal-desk-readout { margin-top: var(--space-5); }
    .deal-desk-readout header { padding: .65rem .7rem; }
    .deal-desk-readout h2 { font-size: 1.25rem; }
    .deal-desk-readout dl div,
    .deal-desk-readout nav a { padding: .6rem .65rem; }
    .deal-desk-readout dt,
    .deal-desk-readout nav span { font-size: .5rem; }
    .deal-desk-readout dd,
    .deal-desk-readout nav strong { font-size: 1.4rem; }
  }
  @media (forced-colors: active) {
    .deal-desk-head,
    .deal-desk-readout > div,
    .showcase-ledger-note { border: 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; }
    .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-readout { break-inside: avoid; }
  }
}

/* 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 {
      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,
    .ecosystem-card, .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-directory > a,
    .record-list, .record-list li, .live-empty { border-color: CanvasText; }
    .home-hero, .hero-record, .hero-record__media, .hero-record__fallback,
    .ecosystem-card, .claim-path__example, .claim-path__example > span:last-of-type,
    .claim-path__example em, .live-empty, .brand-directory > a {
      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 { color: CanvasText; }
    .verdict { background: Canvas; color: CanvasText; border: 2px solid 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; }
    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; }
    .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; }
  }
}