.cost-chart-lead{margin:0 auto 32px}.seat-figure--lead{margin:0 auto 0 0!important;max-width:820px;padding:28px;border:1px solid #d8e3df;border-radius:12px;background:#f7f9f7}.seat-figure--lead h2{font-size:clamp(24px,3vw,32px);line-height:1.2;margin:0 0 12px;color:#10232d}.seat-figure__intro{font-size:16px;line-height:1.65;max-width:760px;margin:0 0 20px;color:#526771}.seat-figure--lead .seat-figure__chart{display:block;width:100%;max-width:780px;margin:auto}.seat-figure--lead .seat-figure__caption{font-size:12px;line-height:1.6}
@keyframes insight-bars{from{transform:scaleY(.12)}to{transform:scaleY(1)}}@keyframes insight-settle{from{transform:translateY(8px);opacity:.65}to{transform:translateY(0);opacity:1}}
.insight-in-view .seat-chart-bars rect{transform-box:fill-box;transform-origin:center bottom;animation:insight-bars .85s ease-out both}.post-stat-strip.insight-in-view,.post-framework.insight-in-view{animation:insight-settle .55s ease-out both}
@media(max-width:600px){.seat-figure--lead{padding:18px 12px}.seat-figure__intro{font-size:14px}.cost-chart-lead{margin-bottom:16px}}
@media(prefers-reduced-motion:reduce){.insight-in-view,.insight-in-view .seat-chart-bars rect{animation:none!important}}
@media(max-width:600px){.seat-figure--lead svg text{font-size:20px}.seat-figure--lead svg>text{font-size:17px}}

/* Figures fit a reading viewport; anchor jumps leave room for the fixed header.
   The lead figure inherits the standard container width so its left edge lines
   up with the article body; the card itself is capped + flush-left above. */
main :is(h2,h3,figure,.diagram-wrap,.margin-diagram,.post-framework,.post-stat-strip){scroll-margin-top:calc(var(--header-height,72px) + 20px)}
.seat-figure--lead{padding:20px 24px}
.seat-figure--lead h2{font-size:clamp(22px,2.2vw,28px);margin-bottom:8px}
.seat-figure__intro{font-size:15px;line-height:1.5;margin-bottom:12px}
.seat-figure__legend{gap:8px 20px;margin-bottom:8px}
.seat-figure--lead .seat-figure__chart{height:min(38svh,300px);width:100%;max-width:700px;object-fit:contain}
.seat-figure--lead .seat-figure__caption{margin-top:8px;font-size:12px;line-height:1.45}
main figure>svg,.diagram-wrap svg,.margin-diagram svg{max-height:min(50svh,360px);width:100%;object-fit:contain}
.seat-chart-mobile{display:none}
@media(max-width:600px){
.seat-figure--lead{padding:16px}
.seat-figure__intro{font-size:14px;line-height:1.45}
.seat-figure--lead .seat-figure__chart{display:none}
.seat-figure__key{font-size:12px}
.seat-chart-mobile{display:block;margin:12px 0}
.seat-chart-mobile>p{font-size:12px;color:#526771;margin:0 0 8px}
.seat-chart-row{display:grid;grid-template-columns:58px minmax(0,1fr) 35px;align-items:center;gap:8px;min-height:30px;font-size:13px;color:#344054}
.seat-chart-row i{display:block;width:var(--bar);height:10px;background:#333a3e;border-radius:2px}
.seat-chart-row b{font-size:13px;text-align:right}
.seat-chart-row.is-above i{background:#b89149}
.seat-chart-row:nth-child(5){border-top:1px dashed #b89149;margin-top:3px;padding-top:3px}
}

@media(min-width:601px){.seat-figure--lead svg text{font-size:18px}.seat-figure--lead svg .bar-value{font-size:20px}}

/* Separate the featured chart from the article masthead. */
.post-header + .cost-chart-lead{padding-top:clamp(28px,4vw,48px)}