/* Results, findings and data components. Outcome colours were validated for
   the dark surface (blue = passed, orange = bought something that missed a
   requirement); other outcomes use outline and neutral fills, never another
   hue, and every chart has a legend and a text alternative. */
:root{
  --pass:#3987e5;--miss:#d95926;--walk:#8f8a85;--nodecision:#78746f;
}

/* Key findings */
.findings{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong)}
.finding{padding:26px 22px 28px 0;display:grid;gap:10px;align-content:start}
.finding+.finding{padding-left:22px;border-left:1px solid var(--line)}
.finding .num{font:400 12px/1 var(--mono);color:var(--gold)}
.finding strong{font-size:clamp(34px,3.4vw,48px);font-weight:600;line-height:1;color:var(--white);letter-spacing:-.02em;font-variant-numeric:proportional-nums}
.finding strong .of{font-size:.5em;font-weight:500;letter-spacing:0;color:var(--ink)}
.finding p{font-size:15px;line-height:1.5;color:var(--ink-strong)}
@media (max-width:960px){.findings{grid-template-columns:repeat(2,minmax(0,1fr))}.finding:nth-child(3){padding-left:0;border-left:0}.finding:nth-child(n+3){border-top:1px solid var(--line)}}
@media (max-width:560px){.findings{grid-template-columns:1fr}.finding,.finding+.finding{padding:22px 0;border-left:0}.finding+.finding{border-top:1px solid var(--line)}}

/* Filter chips: /insights' domain tabs and the episode explorer. */
.filter-bar{display:flex;flex-wrap:wrap;gap:6px}
.chip{min-height:40px;padding:8px 14px;border-radius:999px;border:1px solid var(--line-strong);background:transparent;color:var(--ink-strong);font:400 12px/1.5 var(--mono);letter-spacing:1.2px;text-transform:uppercase;cursor:pointer}
.chip:hover{border-color:var(--white);color:var(--white)}
.chip[aria-pressed=true]{background:var(--white);border-color:var(--white);color:#111}
.row-arrow{margin-left:auto;width:10px;height:10px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg) translate(-3px,-3px);transition:transform .2s}
.data-note{font-size:13px;line-height:1.55;color:var(--muted);margin-top:16px;max-width:90ch}
.outcome-breakdown{display:grid;gap:8px;font-size:14px}
.outcome-breakdown>span{font:400 12px/1.4 var(--mono);letter-spacing:1px;text-transform:uppercase;color:var(--muted)}
.outcome-breakdown div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line);color:var(--ink-strong)}
.outcome-breakdown strong{color:var(--white);font-variant-numeric:tabular-nums}
.microcopy{font-size:13px;line-height:1.5;color:var(--muted);margin-top:12px}
.inline-error{font-size:14px;color:#ffb3b3}
.text-button{background:none;border:0;color:var(--white);text-decoration:underline;cursor:pointer}