.chart-page{max-width:1220px;margin:0 auto;padding:28px clamp(16px,4vw,46px) 72px;color:#192941}
.chart-breadcrumb{font-size:.85rem;color:#64748b;margin-bottom:32px}
.chart-breadcrumb a{color:#3f56a8}
.chart-header{margin-bottom:28px}
.chart-kicker{font-size:.75rem;font-weight:800;letter-spacing:.14em;color:#4253a1}
.chart-header h1{font-size:clamp(1.8rem,4.5vw,3.1rem);line-height:1.14;letter-spacing:-.035em;margin:12px 0 15px}
.chart-header>p:last-child{max-width:780px;color:#52627b;line-height:1.65}
.chart-panel{background:#fff;border:1px solid #e0e8f2;border-radius:22px;box-shadow:0 16px 45px rgba(29,52,86,.08);padding:clamp(16px,3vw,32px)}
.chart-controls{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,2fr) minmax(120px,.7fr);gap:16px;align-items:end}
.chart-controls label{display:grid;gap:9px;font-size:.8rem;font-weight:700;color:#425572}
.chart-controls select,.chart-controls input{max-width:100%;width:100%;min-height:46px;border:1px solid #cbd7e7;border-radius:9px;padding:0 12px;background:#f9fbff;color:#20324c;font-size:.94rem}
.chart-controls select:focus-visible,.chart-controls input:focus-visible{outline:3px solid #a7b8ff;outline-offset:2px}
.chart-plot{height:clamp(310px,48vw,510px);width:100%;margin-top:16px}
.chart-status{min-height:24px;font-size:.89rem;color:#556985;margin:18px 0 0}
.chart-meta{font-size:.82rem;color:#52627b;margin-top:8px;line-height:1.6}
.chart-notice,.chart-source{font-size:.82rem;color:#63728b;line-height:1.6}
.chart-source{margin-top:22px}
@media(max-width:760px){.chart-controls{grid-template-columns:1fr}.chart-plot{height:350px}.chart-panel{border-radius:14px}}

.chart-playback{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin:10px 0 6px;min-height:42px}
.chart-replay{border:1px solid #bdcbe2;border-radius:10px;padding:10px 16px;background:#f5f7ff;color:#2c4286;font:inherit;font-weight:700;cursor:pointer;min-height:42px;transition:background-color .15s ease}
.chart-replay:hover:not(:disabled){background:#e8efff}
.chart-replay:focus-visible{outline:3px solid #a7b8ff;outline-offset:2px}
.chart-replay:disabled{opacity:.48;cursor:not-allowed}
.chart-playback-reading{font-size:.86rem;color:#425572;font-variant-numeric:tabular-nums}
@media(prefers-reduced-motion:reduce){.chart-replay{transition:none}}