.race-story-panel{overflow:auto;background:#f3f5f8;color:#24354a;padding:14px;font-size:calc(13px + var(--ui-font-increase, 2px));line-height:1.5}
.story-hero{background:linear-gradient(125deg,#142e45,#245b68);border-radius:12px;color:#f5faff;padding:22px 22px 18px}
.story-eyebrow{font-size:calc(10px + var(--ui-font-increase, 2px));letter-spacing:2px;color:#9fdcdb;font-weight:700}.story-hero h2{font-size:30px;letter-spacing:-.6px;line-height:1.15;margin:7px 0 10px}.story-deck{margin:0;max-width:650px;color:#dfebf0;font-size:calc(14px + var(--ui-font-increase, 2px))}
.story-stats{display:flex;gap:26px;margin:18px 0 14px;flex-wrap:wrap}.story-stats strong{font-size:22px;display:block}.story-stats span{font-size:calc(11px + var(--ui-font-increase, 2px));color:#bad2df}
.story-podium{display:flex;flex-direction:column;gap:5px}.story-podium>div{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:8px;align-items:center;background:#ffffff10;padding:6px 9px;border-radius:5px}.story-podium b{color:#efce81}.story-podium span:last-child{font-variant-numeric:tabular-nums;color:#cfe3ee}.story-podium span{overflow-wrap:anywhere}
.story-status{font-size:calc(12px + var(--ui-font-increase, 2px));color:#586d82}.story-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0}.story-toolbar label{display:flex;gap:6px;align-items:center}.story-toolbar>div{display:flex;gap:8px;align-items:center}.story-toolbar button{font-size:calc(12px + var(--ui-font-increase, 2px))}.story-progress{font-size:calc(11px + var(--ui-font-increase, 2px));white-space:nowrap}
.story-leaders{background:white;border:1px solid #dce4ec;border-radius:8px;padding:12px;margin-bottom:16px}.story-leaders p{font-size:calc(11px + var(--ui-font-increase, 2px));color:#6a7c8f;margin:3px 0 9px}.story-leader-strip{display:flex;gap:4px;overflow:auto;padding:3px 1px 5px}.story-leader-strip button{flex:0 0 30px;border:0;border-top:5px solid var(--leader);padding:5px 4px;font-size:calc(11px + var(--ui-font-increase, 2px));background:#f1f5f9}.story-leader-strip button[aria-pressed=true]{outline:2px solid #263d55;outline-offset:-2px}
.story-timeline{border-left:2px solid #ccd9e3;margin-left:7px;padding-left:18px;display:flex;flex-direction:column;gap:16px}.story-card{position:relative;background:white;border:1px solid #dce5ed;border-radius:9px;padding:17px;box-shadow:0 2px 5px #1c355009}.story-card:before{content:'';position:absolute;left:-25px;top:23px;width:10px;height:10px;background:var(--moment-color);border:2px solid #f3f5f8;border-radius:50%}.story-card.story-active{border-color:var(--moment-color);box-shadow:0 0 0 1px var(--moment-color)}
.story-chapter{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:calc(10px + var(--ui-font-increase, 2px));letter-spacing:.5px}.story-chapter span:first-child{background:color-mix(in srgb,var(--moment-color) 12%,white);color:var(--moment-color);padding:3px 7px;border-radius:4px;font-weight:700}.story-chapter span:last-child{color:#738397}.story-card h3{font-size:20px;line-height:1.25;margin:11px 0 8px;letter-spacing:-.25px}.story-card p{color:#53677c;margin:0 0 12px}
.story-card dl{display:flex;gap:18px;flex-wrap:wrap;background:#f5f8fb;border-radius:5px;padding:9px 11px;margin:0 0 12px}.story-card dt{font-size:calc(10px + var(--ui-font-increase, 2px));color:#718396}.story-card dd{margin:2px 0 0;font-weight:600;font-size:calc(12px + var(--ui-font-increase, 2px))}.story-actions{display:flex;gap:7px;flex-wrap:wrap}.story-actions button{font-size:calc(12px + var(--ui-font-increase, 2px))}.story-actions .story-watch{background:#1d5b79;color:white;border-color:#1d5b79}.story-actions .story-watch:disabled{background:#8193a2;border-color:#8193a2}
.story-card small{display:block;margin-top:8px;font-size:calc(10px + var(--ui-font-increase, 2px))}.story-coverage{color:#607d70}.story-coverage-limited{color:#986729}.story-method{font-size:calc(12px + var(--ui-font-increase, 2px));color:#607287;margin:18px 0}.story-method p{line-height:1.6}.race-story-panel button:focus-visible{outline:2px solid #b65d16;outline-offset:2px}
