@layer legacy {
/* Recomputed findings section, scoped to .deep-insights.
   Default and data-surface="ink" or "dark": light text for the Ink Navy canvas; the page owns width, padding and background.
   With no data-surface the section paints its own navy surface. data-surface="paper" or "light" reads the page's light vars. */
.deep-insights {
  --di-ink: #fbfcfe;
  --di-muted: var(--n300);
  --di-line: rgba(251, 252, 254, .16);
  --di-link: var(--blue-200);
  --di-accent: var(--blue-300);
  --di-focus: var(--blue-200);
  --di-paper: rgba(251, 252, 254, .045);
  --di-field: var(--n900);
  --di-tint: rgba(251, 252, 254, .045);
  --di-tint-strong: rgba(251, 252, 254, .085);
  --di-series-a: var(--blue-300);
  --di-series-b: var(--n300);
  --di-red: var(--diff);
  --di-orange: var(--diff);
  --di-yellow: var(--n600);
  --di-green: var(--n600);
  --di-sky: var(--n600);
  --di-indigo: var(--n600);
  --di-violet: var(--n600);
  --di-display: var(--display, 'Archivo', 'Helvetica Neue', Arial, sans-serif);
  --di-sans: var(--sans, 'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', sans-serif);
  --di-mono: var(--mono, 'IBM Plex Mono', ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace);
  color: var(--di-ink);
  font: 400 15px/1.55 var(--di-sans);
}
.deep-insights:not([data-surface]) { background: var(--teal); }
.deep-insights:not([data-surface]) .deep-insights__inner { max-width: 1200px; margin: 0 auto; padding: clamp(40px, 6vw, 88px) clamp(16px, 4vw, 48px); }
.deep-insights[data-surface="paper"], .deep-insights[data-surface="light"] {
  --di-ink: var(--ink, #1a2332); --di-muted: var(--muted, #4b586b); --di-line: var(--line, #d3dce7); --di-link: var(--teal, #1565c0);
  --di-accent: var(--teal, #1565c0); --di-focus: var(--teal, #1565c0); --di-paper: var(--surface, #fbfcfe); --di-field: var(--surface, #fbfcfe);
  --di-tint: rgba(26, 35, 50, .035); --di-tint-strong: rgba(26, 35, 50, .07); --di-series-a: var(--blue); --di-series-b: var(--muted);
}
.deep-insights *, .deep-insights *::before, .deep-insights *::after { box-sizing: border-box; }
.deep-insights h2, .deep-insights h3 { font-family: var(--di-display); color: var(--di-ink); letter-spacing: -.01em; }
.deep-insights h2 { margin: 0 0 16px; font-size: clamp(28px, 4vw, 42px); line-height: 1.1; font-weight: 700; max-width: 26ch; }
.deep-insights h3 { margin: 0 0 12px; font-size: clamp(20px, 2vw, 22px); line-height: 1.25; font-weight: 650; }
.deep-insights p { margin: 0 0 12px; }
.deep-insights a { color: var(--di-link); text-underline-offset: 3px; }
.deep-insights a:focus-visible, .deep-insights select:focus-visible, .deep-insights summary:focus-visible,
.deep-insights [tabindex="0"]:focus-visible { outline: 2px solid var(--di-focus); outline-offset: 3px; border-radius: 4px; }
.deep-insights code { font: 500 .86em/1 var(--di-mono); color: var(--di-ink); }
.deep-insights__eyebrow { margin: 0 0 10px; color: var(--di-muted); font: 600 13px/1.3 var(--di-mono); letter-spacing: 0; text-transform: none; }
.deep-insights__eyebrow::before { content: ''; display: inline-block; width: 28px; height: 3px; margin: 0 10px 3px 0; vertical-align: middle;
  background: linear-gradient(90deg, var(--di-red), var(--di-orange), var(--di-yellow), var(--di-green), var(--di-sky), var(--di-indigo), var(--di-violet)); }
.deep-insights__intro { max-width: 78ch; margin-bottom: 20px; }
.deep-insights__intro p { color: var(--di-muted); }
.deep-insights__changed { max-width: 86ch; margin-bottom: 32px; padding: 16px 20px; border-left: 4px solid var(--di-accent); background: var(--di-tint); }
.deep-insights__changed p { margin: 0; }
.deep-insights .di-num { font-family: var(--di-mono); font-weight: 600; font-variant-numeric: tabular-nums; }
.deep-insights .di-num.di-text { font-family: inherit; font-weight: inherit; }
.deep-insights__cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)); gap: 18px; margin-bottom: 28px; }
.deep-insights .di-card { display: flex; flex-direction: column; min-width: 0; padding: 22px 22px 18px; border: 1px solid var(--di-line); border-top: 3px solid var(--di-sky);
  border-radius: 8px; background: var(--di-paper); }
.deep-insights .di-card:nth-child(5n+2) { border-top-color: var(--di-green); }
.deep-insights .di-card:nth-child(5n+3) { border-top-color: var(--di-yellow); }
.deep-insights .di-card:nth-child(5n+4) { border-top-color: var(--di-orange); }
.deep-insights .di-card:nth-child(5n+5) { border-top-color: var(--di-violet); }
.deep-insights .di-kn { margin: 4px 0 14px; padding: 0; list-style: none; }
.deep-insights .di-kn li { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px 14px; padding: 8px 0; border-top: 1px solid var(--di-line); }
.deep-insights .di-kn-label { flex: 1 1 15ch; color: var(--di-muted); font-size: 15px; line-height: 1.4; }
.deep-insights .di-kn-label .di-num { font-weight: 500; }
.deep-insights .di-kn-value { flex: 0 1 auto; text-align: right; font-size: 17px; }
.deep-insights .di-of, .deep-insights .di-share { color: var(--di-muted); font-size: 13px; }
.deep-insights .di-of .di-num, .deep-insights .di-share .di-num { font-weight: 500; }
.deep-insights .di-implication { font-size: 15px; }
.deep-insights .di-meta { color: var(--di-muted); font-size: 13px; line-height: 1.45; }
.deep-insights .di-tag { display: inline-block; margin-right: 6px; padding: 1px 8px 1px 10px; border: 1px solid var(--di-line); border-radius: 999px; color: var(--di-ink);
  font: 600 13px/1.6 var(--di-mono); letter-spacing: 0; text-transform: none; }
.deep-insights .di-tag--solid { box-shadow: none; }
.deep-insights .di-tag--descriptive-only { box-shadow: none; }
.deep-insights .di-tag--anecdotal { box-shadow: none; }
.deep-insights .di-source { margin-top: auto; padding-top: 10px; color: var(--di-muted); font-size: 13px; line-height: 1.5; }
.deep-insights .di-sub { color: var(--di-muted); font-size: 15px; }
.deep-insights .di-dim { color: var(--di-muted); font-weight: 400; }
.deep-insights .di-list { margin: 0 0 12px; padding-left: 18px; font-size: 15px; }
.deep-insights .di-id { display: inline-block; padding: 0 5px; border: 1px solid var(--di-line); border-radius: 4px; background: var(--di-tint-strong);
  font: 500 13px/1.6 var(--di-mono); white-space: nowrap; }
.deep-insights .di-none { color: var(--di-muted); }
.deep-insights .di-details { margin: 6px 0 12px; }
.deep-insights .di-details summary { cursor: pointer; color: var(--di-link); font-size: 15px; font-weight: 600; }
.deep-insights .di-more { margin-bottom: 32px; }
.deep-insights .di-more > summary { font: 650 17px/1.3 var(--di-display); color: var(--di-ink); }
.deep-insights .di-more .deep-insights__cards { margin-top: 16px; }
.deep-insights .di-table-wrap { max-width: 100%; overflow-x: auto; margin: 10px 0 12px; }
.deep-insights table { width: 100%; border-collapse: collapse; font-size: 15px; }
.deep-insights caption { padding: 0 0 8px; color: var(--di-muted); font-size: 13px; text-align: left; caption-side: top; }
.deep-insights th, .deep-insights td { padding: 8px 10px; border-bottom: 1px solid var(--di-line); text-align: left; vertical-align: top; }
.deep-insights thead th { color: var(--di-muted); font: 600 13px/1.4 var(--di-mono); letter-spacing: 0; text-transform: none; }
.deep-insights td .di-num { font-size: 15px; }
.deep-insights .di-total th, .deep-insights .di-total td { border-top: 2px solid var(--di-ink); font-weight: 700; }
.deep-insights__explorer, .deep-insights__calibration, .deep-insights__hardest, .deep-insights__corrections {
  margin-bottom: 32px; padding: clamp(18px, 3vw, 30px); border: 1px solid var(--di-line); border-radius: 8px; background: var(--di-paper); }
.deep-insights__explorer label { font-weight: 600; }
.deep-insights__explorer select { width: 100%; max-width: 640px; min-height: 44px; margin: 6px 0 14px; padding: 8px 10px; border: 1px solid var(--di-line);
  border-radius: 4px; background: var(--di-field); color: var(--di-ink); font: 500 15px/1.3 var(--di-sans); }
.deep-insights .di-pair { max-width: 640px; }
.deep-insights .di-pair caption { color: var(--di-ink); font: 650 17px/1.3 var(--di-display); }
.deep-insights .di-ids { font-size: 15px; line-height: 1.9; }
.deep-insights .di-chart { display: grid; grid-template-columns: minmax(0, 460px) minmax(200px, 1fr); gap: 18px 28px; align-items: center; }
.deep-insights .di-chart svg { width: 100%; height: auto; overflow: visible; }
.deep-insights .di-chart text { fill: var(--di-muted); font: 500 12px var(--di-mono); }
.deep-insights .di-axis { stroke: var(--di-line); stroke-width: 1; }
.deep-insights .di-diagonal { stroke: var(--di-muted); stroke-width: 1; stroke-dasharray: 4 4; }
.deep-insights .di-series-a polyline, .deep-insights .di-series-b polyline { stroke-width: 2; }
.deep-insights .di-series-a polyline { stroke: var(--di-series-a); }
.deep-insights .di-series-a circle { fill: var(--di-series-a); fill-opacity: .85; }
.deep-insights .di-series-b polyline { stroke: var(--di-series-b); stroke-dasharray: 6 3; }
.deep-insights .di-series-b circle { fill: var(--di-series-b); fill-opacity: .85; }
.deep-insights .di-legend { margin: 0; padding: 0; list-style: none; font-size: 15px; }
.deep-insights .di-legend li { position: relative; margin-bottom: 10px; padding-left: 26px; }
.deep-insights .di-legend li::before { content: ''; position: absolute; left: 0; top: .55em; width: 18px; height: 3px; }
.deep-insights .di-legend .di-series-a::before { background: var(--di-series-a); }
.deep-insights .di-legend .di-series-b::before { background: repeating-linear-gradient(90deg, var(--di-series-b) 0 6px, transparent 6px 9px); }
.deep-insights .di-hardest, .deep-insights .di-corrections { margin: 0; padding-left: 22px; }
.deep-insights .di-hardest > li, .deep-insights .di-corrections > li { padding: 14px 0 6px; border-top: 1px solid var(--di-line); }
.deep-insights .di-hard-head { margin-bottom: 8px; font-size: 15px; }
.deep-insights .di-badge { display: inline-block; margin-left: 4px; padding: 0 7px; border: 1px solid var(--di-series-b); border-radius: 999px; font: 600 13px/1.6 var(--di-mono); }
.deep-insights blockquote { margin: 0 0 8px; padding: 2px 0 2px 14px; border-left: 3px solid var(--di-accent); font-size: 17px; line-height: 1.5; }
.deep-insights blockquote p { margin: 0; }
.deep-insights .di-said span, .deep-insights .di-correct span { display: inline-block; min-width: 82px; color: var(--di-muted); font: 600 13px/1.6 var(--di-mono);
  text-transform: none; letter-spacing: 0; }
.deep-insights .di-said s { color: var(--di-muted); text-decoration-color: var(--di-red); text-decoration-thickness: 1px; }
.deep-insights__limits { max-width: 92ch; margin: 0; padding-top: 16px; border-top: 1px solid var(--di-line); color: var(--di-muted); font-size: 15px; }
@media (max-width: 720px) {
  .deep-insights .di-chart { grid-template-columns: minmax(0, 1fr); }
  .deep-insights .di-kn-value { text-align: left; }
}
@media (prefers-reduced-motion: reduce) {
  .deep-insights *, .deep-insights *::before, .deep-insights *::after { transition: none !important; animation: none !important; }
}
}

/* Site pass: one column, no card rails, no pills, no chip boxes, provenance off the page (W1 moves it to one list). */
@layer legacy {
.deep-insights__cards { grid-template-columns: minmax(0, 1fr); gap: 0; }
.deep-insights .di-card, .deep-insights .di-card:nth-child(n) { padding: 28px 0; border: 0; border-top: 1px solid var(--di-line); border-radius: 0; background: none; }
.deep-insights .di-tag, .deep-insights .di-badge { margin: 0 0 0 4px; padding: 0; border: 0; border-radius: 0; color: var(--di-muted); font: 500 13px/1.5 var(--di-sans); }
.deep-insights .di-id { padding: 0; border: 0; border-radius: 0; background: none; color: var(--di-muted); font: 400 13px/1.6 var(--di-mono); }
.deep-insights a.di-id:hover, .deep-insights .di-id a:hover { color: var(--di-ink); text-decoration: underline; }
.deep-insights .di-source, .deep-insights__eyebrow { display: none; }
.deep-insights__explorer, .deep-insights__calibration, .deep-insights__hardest, .deep-insights__corrections { border-radius: 14px; }
.deep-insights__changed { border-left-width: 3px; background: none; }
}

/* Fix 2: four findings as prose cards in Read's own system (navy page, n800 cards like .finding-figure).
   Unlayered on purpose so these rules sit beside site.css and win on specificity. */
.deep-insights { --di-series-a: var(--blue-300, #5e9ce8); --di-series-b: var(--diff, #f57c00); }
.deep-insights .deep-insights__changed:empty, .deep-insights .deep-insights__more:empty { display: none; }
.deep-insights .deep-insights__cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-5, 24px); margin: var(--s-6, 32px) 0 var(--s-6, 32px); }
.deep-insights .di-finding { min-width: 0; padding: clamp(24px, 3vw, 36px); border-radius: var(--r-3, 14px); background: var(--n800, #20293c); }
.deep-insights .di-finding h3 { max-width: 30ch; margin: 0 0 var(--s-4, 16px); color: var(--paper, #fbfcfe); font: var(--t-h3, 700 22px/1.25 sans-serif); }
.deep-insights .di-finding p { max-width: 62ch; margin: 0; color: var(--n200, #c2cad9); font: var(--t-body, 400 17px/1.65 sans-serif); }
.deep-insights .di-finding .di-num { color: var(--paper, #fbfcfe); font-family: inherit; font-weight: 600; font-variant-numeric: tabular-nums; }
.deep-insights .deep-insights__explorer, .deep-insights .deep-insights__calibration { padding: clamp(24px, 3vw, 36px); border: 0; border-radius: var(--r-3, 14px); background: var(--n800, #20293c); }
.deep-insights .deep-insights__explorer h3, .deep-insights .deep-insights__calibration h3 { margin-top: 0; color: var(--paper, #fbfcfe); }
.deep-insights .deep-insights__explorer select { background: var(--n900, #1a2332); border-color: var(--n600, #3a4763); }
.deep-insights figure.di-chart { margin: var(--s-4, 16px) 0; }
.deep-insights .di-chart figcaption { max-width: 52ch; margin-top: var(--s-4, 16px); color: var(--n200, #c2cad9); font: var(--t-small, 400 15px/1.55 sans-serif); }
.deep-insights .di-chart figcaption .di-num { color: var(--paper, #fbfcfe); }
.deep-insights .di-series-a circle { fill: var(--di-series-a); fill-opacity: 1; stroke: var(--n800, #20293c); stroke-width: 1; }
.deep-insights .di-series-b circle { fill: var(--n800, #20293c); fill-opacity: 1; stroke: var(--di-series-b); stroke-width: 1.75; }
.deep-insights .di-series-b polyline { stroke: var(--di-series-b); stroke-dasharray: 6 3; }
.deep-insights .di-diagonal { stroke: var(--n200, #c2cad9); stroke-width: 1.25; stroke-dasharray: 4 4; }
@media (max-width: 860px) {
  .deep-insights .deep-insights__cards { grid-template-columns: minmax(0, 1fr); }
}
.deep-insights .di-routing td:nth-child(3) { color: var(--n200, #c2cad9); font-weight: 400; font-size: 13px; line-height: 1.6; }
.deep-insights .di-routing .di-total th, .deep-insights .di-routing .di-total td { border-top: 1px solid var(--n300, #93a0bb); }
.deep-insights .di-id { white-space: nowrap; color: inherit; font: inherit; }
@media (max-width: 720px) {
  .deep-insights .di-routing thead { display: none; }
  .deep-insights .di-routing tr { display: grid; grid-template-columns: minmax(0, 1fr) auto; border-bottom: 1px solid var(--di-line); }
  .deep-insights .di-routing th, .deep-insights .di-routing td { border: 0; }
  .deep-insights .di-routing td:nth-child(3) { grid-column: 1 / -1; padding-top: 0; }
}