/* Shared timeline uses the Weather Hub tokens; weather pixels and source scales are untouched. */
.st-replay-controls{padding:14px;margin-bottom:14px;min-width:0;overflow-wrap:anywhere}
.st-replay-controls nav,.st-replay-transport{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.st-replay-controls [aria-current=true]{border-color:var(--st-action);background:var(--st-raised);font-weight:800}
.st-replay-controls form{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin-block:12px}
.st-replay-controls label{display:flex;flex-direction:column;gap:5px;min-width:0;font-size:13px;max-width:100%}
.st-replay-controls input,.st-replay-controls select{font:inherit;color:var(--st-text);background:var(--st-bg);border:1px solid var(--st-line);border-radius:5px;padding:9px;min-height:44px;max-width:100%;min-width:0}
.st-replay-controls select{width:260px}.st-replay-controls input[type=range]{padding:0;width:260px}
.st-replay-observed-fields,.st-replay-forecast-fields{display:contents}
.st[data-st-temporal=replay] .st-replay-forecast-fields,.st[data-st-temporal=forecast] .st-replay-observed-fields{display:none}
.st-replay-controls>p{padding:3px 0!important;margin-block:5px}.st-replay-controls summary{cursor:pointer;min-height:44px;align-content:center}
.st-replay-controls details p{margin:8px 0;font-size:13px}.st-replay-controls [data-st-replay-clock]{font-variant-numeric:tabular-nums;font-weight:700}
.st-replay-rail,.st-replay-inspector,.st-replay-products{padding:14px;min-width:0;overflow-wrap:anywhere}
.st-replay-rail h2,.st-replay-inspector h2,.st-replay-products h2{font-size:18px}
.st-replay-alerts{padding-left:20px}.st-replay-alerts li{margin:12px 0}.st-replay-alerts a{display:block;min-height:44px;align-content:center}.st-replay-alerts small{display:block;color:var(--st-secondary)}
.st-replay-inspector pre,.st-replay-products pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:13px}
.st-replay-inspector p,.st-replay-products p{padding:8px 0!important}.st-replay-inspector details,.st-replay-products details{margin-block:10px}
.st-replay-inspector summary,.st-replay-products summary{min-height:44px;align-content:center;cursor:pointer;font-weight:700}
.st-replay-products{margin-block:14px}.st-replay-products img,.st-replay-inspector img{max-width:100%;height:auto}
.st-replay-poster{margin:0;max-width:100%}.st-replay-poster>div{position:relative;overflow:hidden;background:var(--graphic-ocean,#091b2b)}
.st-replay-poster>div>img{display:block;width:100%;height:auto}.st-replay-reference{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none;overflow:hidden}
.st-replay-coast{fill:none;stroke:#b7c7d6;stroke-width:1}.st-replay-borders{fill:none;stroke:#9eafbd;stroke-width:.8}
.st-replay-cities{fill:#f5f9fc;stroke:#071727;stroke-width:3;paint-order:stroke fill;font:14px Manrope,sans-serif;font-weight:700}
.st-replay-poster figcaption{font-size:12px;padding:8px;color:var(--st-secondary)}.st-replay-radar-legend{display:block;max-width:100%;height:auto;background:#fff}
.st-replay-forecast-picture{display:block;max-width:100%;height:auto}.st-replay-gap{padding:16px;color:var(--st-attention,var(--st-text))}
[data-st-replay-poster]{position:absolute;inset:0;overflow:auto;background:var(--st-bg);z-index:1}
.st[data-st-temporal]:not([data-st-temporal=live]) :is(.st-warning-rail,.st-severe-inspector,.st-cell-list,.st-observations-panel,.st-recent-changes,.sm-spot,.sm-changes-card,.st-map-toolbar,[data-st-lightning],[data-st-snow],.st-local-context,.st-timeline,.st-current-imagery,.st-cone-note,.st-center-follow,.st-tropical-fit,#st-impacts,#st-monitoring,.st-selected-product,.st-map-fallback,[data-st-svg-fallback]){display:none}

.st[data-st-temporal]:not([data-st-temporal=live]) .st-workspace-grid>.st-rail{display:none}
.st[data-st-temporal]:not([data-st-temporal=live]) :is(.is-live[data-st-map-persist],.storm-detail-map-panel.is-live) [data-st-replay-poster]{display:none}
.st[data-st-temporal=forecast][data-st-forecast-map=no] :is(.is-live[data-st-map-persist],.storm-detail-map-panel.is-live) [data-st-replay-poster]{display:block}
.st[data-st-temporal=forecast][data-st-forecast-map=no] :is(.st-map-host,.st-severe-map-host){visibility:hidden}
.st-replay-page>.st-surface{padding:16px;margin-block:14px;min-width:0}.st-replay-page .st-replay-poster{max-width:1100px}
.st [hidden]{display:none!important}
@media(min-width:1280px){.st-severe-grid>.st-replay-rail{grid-column:1;grid-row:1;max-height:760px;overflow:auto}.st-severe-grid>.st-replay-inspector{grid-column:3;grid-row:1;max-height:760px;overflow:auto}}
@media(min-width:768px) and (max-width:1279px){.st-severe-grid>.st-replay-rail{grid-column:1;grid-row:1;max-height:760px;overflow:auto}.st-severe-grid>.st-replay-inspector{grid-column:1/-1}}
@media(max-width:767px){.st-severe-grid>.st-replay-rail{grid-row:2}.st-severe-grid>.st-replay-inspector{grid-row:3}.st-replay-controls{padding:10px}.st-replay-controls form>label,.st-replay-controls :is(input,select){width:100%}.st-replay-controls label{flex:1 1 100%}.st-replay-transport label{flex:1 1 100%}}

.st[data-st-temporal]:not([data-st-temporal=live]) .maplibregl-marker{display:none}

[data-st-replay-source]{display:inline-flex;align-items:center;min-height:44px;margin-top:4px}
.st[data-st-temporal=live] .st-replay-controls>:is(p,details){display:none}

.st-temporal-rail{display:grid;gap:12px;min-width:0}.st-temporal-rail>.st-replay-rail{max-height:440px;overflow:auto}.st[data-st-temporal=forecast] .st-temporal-rail>.st-replay-rail{display:none}

main[data-st-temporal]:not([data-st-temporal=live])~.st-mobile-nav{display:none}

/* Keep the Live map in the first mobile screen while retaining 44px controls. */
@media(max-width:767px){.st-tracking[data-st-temporal=live] .st-replay-controls{padding:0;margin-bottom:6px;border:0;background:transparent}.st-tracking[data-st-temporal=live] .st-selected-head{gap:2px;margin-bottom:4px}.st-tracking[data-st-temporal=live]>.st-tabs{margin-bottom:4px}.st-tracking[data-st-temporal=live] .st-map-toolbar{padding-block:4px}}