/* Maneuver Ledger results page, in DODGE's design system (tokens from /styles.css).
   No inline styles anywhere on the page: the CSP allows style-src 'self' only. */
.prose.ledger { max-width: 980px; }
.ledger h1 { font: 500 clamp(34px, 4.6vw, 58px)/1.04 var(--sans); letter-spacing: -.035em; margin: 0 0 22px; text-wrap: balance; }
.ledger h3 { font: 500 18px/1.35 var(--sans); letter-spacing: -.01em; margin: 26px 0 8px; color: var(--t1); }
.ledger .kicker { font: 500 11px/1.5 var(--mono); letter-spacing: .08em; text-transform: uppercase; color: var(--t3);
  display: flex; gap: 10px; align-items: center; margin: 0 0 22px; }
.ledger .kicker::before { content: ""; width: 32px; height: 1px; background: var(--signal); flex: none; }
.ledger .lede { font-size: clamp(17px, 1.45vw, 20px); color: var(--t2); max-width: none; margin: 0 0 28px; }
.ledger strong { color: var(--t1); font-weight: 500; }
.ledger .box { border: 1px solid var(--line-2); border-radius: 16px; padding: 22px 24px; background: var(--raised); margin: 22px 0; }
.ledger .box h3 { margin-top: 0; font: 500 11px/1.3 var(--mono); letter-spacing: .08em; text-transform: uppercase; color: var(--t3); }
.ledger .grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 12px; margin: 12px 0 16px; }
.ledger .cell { border: 1px solid var(--line); border-radius: 12px; padding: 14px 16px; background: var(--bg); }
.ledger .cell b { display: block; font: 500 34px/1.1 var(--mono); font-variant-numeric: tabular-nums slashed-zero; color: var(--signal); letter-spacing: -.02em; margin-bottom: 6px; }
.ledger .cell span { display: block; color: var(--t3); font-size: 14px; line-height: 1.5; }
.ledger table { border-collapse: collapse; width: 100%; font-size: 14px; margin: 10px 0; }
.ledger th, .ledger td { border-bottom: 1px solid var(--line); padding: 8px 8px; text-align: left; vertical-align: top; color: var(--t2); }
.ledger th { font: 500 11px/1.4 var(--mono); letter-spacing: .06em; text-transform: uppercase; color: var(--t3); }
.ledger td.n { text-align: right; font-family: var(--mono); font-variant-numeric: tabular-nums slashed-zero; color: var(--t1); }
.ledger .pass { color: oklch(0.80 0.13 150); }
.ledger .fail { color: var(--signal); }
.ledger .cap { color: var(--t3); font-size: 13px; margin: 4px 0 12px; }
.ledger .chart { overflow-x: auto; margin: 8px 0 0; }
.ledger svg { width: 100%; height: auto; display: block; margin: 6px 0 2px; font-family: var(--mono); }
.ledger main > footer, .ledger > footer { margin-top: 48px; color: var(--t3); font-size: 13px; border-top: 1px solid var(--line); padding-top: 14px; }
@media (max-width: 700px) {
  .ledger .cell b { font-size: 28px; }
  .ledger table { font-size: 13px; }
  .ledger .chart svg { min-width: 720px; }
}