.briefing-stage[hidden]{display:none}
/* Share the desktop heading row with the mode buttons; keep chart navigation full width. */
@media(min-width:1101px){
 #briefing-content:not([hidden]):has(>#briefing-sequence:not([hidden])){display:grid;grid-template-columns:max-content minmax(0,1fr);column-gap:16px;align-items:center}
 #briefing-content:not([hidden]):has(>#briefing-sequence:not([hidden]))>.briefing-mode-row{margin:0;white-space:nowrap}
 #briefing-content>#briefing-sequence:not([hidden]){display:contents}
 #briefing-content>#briefing-sequence>.briefing-heading{grid-column:2;margin:0;min-width:0}
 #briefing-content>#briefing-sequence>:not(.briefing-heading){grid-column:1 / -1}
 #briefing-content>#briefing-sequence>#briefing-control-section{margin-top:12px}
}
.briefing-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 12px}
.briefing-heading h2{font-size:22px;margin:0 0 4px}
.briefing-heading p{margin:0;color:var(--muted);font-size:12px}
.briefing-heading-actions{display:flex;gap:8px;flex-shrink:0}
.briefing-heading button,.briefing-navigation button{padding:8px 12px;white-space:nowrap}
.briefing-controls{display:grid;grid-template-columns:1.3fr 1.5fr 1fr 1.3fr 1fr .7fr;gap:12px;background:white;padding:12px;border:1px solid var(--line);border-radius:8px;margin-bottom:8px}
.briefing-controls label{font-size:12px;font-weight:700;min-width:0}
.briefing-controls>label{align-self:end}
.briefing-controls select{display:block;width:100%;margin-top:5px;padding:8px;font-size:12px;min-width:0}
.briefing-overlays{grid-column:2 / 4;align-self:end;display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;min-width:0}
.briefing-overlays .check-row{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:400;white-space:nowrap;margin:0}
.briefing-background{display:flex;align-items:center;gap:8px;margin:0;font-size:12px;font-weight:700}.briefing-controls .briefing-background select{width:auto;min-width:100px;margin:0;padding:8px;font-size:12px}
.briefing-overlays input{margin:0;accent-color:var(--teal,#007a80)}.briefing-overlays .small-note{margin:0}
.briefing-legend{grid-column:4 / -1;align-self:end;display:flex;flex-wrap:wrap;gap:12px 24px;align-items:start;min-width:0;font-size:11px}
.briefing-scale{flex:1 1 160px;min-width:0;max-width:480px}.briefing-gradient{height:12px;border:1px solid #a8bdd0;margin:5px 0 3px}.briefing-scale-labels{display:flex;justify-content:space-between}
.briefing-band-labels span{flex:1;text-align:center;font-size:10px}
.briefing-rain-scale{flex:2 1 300px;min-width:0;max-width:680px}.briefing-rain-bands{display:flex;margin-top:5px}.briefing-rain-bands span{flex:1;text-align:center;border-top:12px solid;margin:0 1px;font-size:10px}
.briefing-navigation{display:flex;align-items:center;gap:12px;margin:10px 0}.briefing-navigation p{flex:1;font-size:12px;margin:0;text-align:center;color:var(--muted)}
.briefing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.briefing-card{background:white;border:1px solid var(--line);border-radius:7px;overflow:hidden;min-width:0}
.briefing-card h3{background:var(--navy,#0e2034);color:white;font-size:13px;margin:0;padding:7px 10px}
.briefing-card>p{margin:0;padding:4px 10px;font-size:10px;color:var(--muted)}
.briefing-chart{display:block;border:0;border-radius:0;padding:0;width:100%;aspect-ratio:var(--briefing-aspect,960/660);cursor:zoom-in;background:#e8edf2;color:#304965;font-size:12px}
.briefing-chart:disabled{cursor:default;opacity:1}.briefing-chart img{display:block;width:100%;height:100%;object-fit:contain}.briefing-card[data-failed] .briefing-chart{background:#fff5e7;color:#78500c}
.briefing-credits{margin-top:12px}
.briefing-renderer{position:fixed;left:-12000px;top:0;width:960px;height:660px;pointer-events:none}
#briefing-enlarged{width:min(1100px,95vw);max-height:95dvh;border:1px solid var(--line);border-radius:9px;padding:14px;background:white;color:var(--ink)}
#briefing-enlarged.briefing-square{width:min(1100px,95vw,calc(95dvh - 150px))}
#briefing-enlarged::backdrop{background:rgba(4,20,36,.8)}#briefing-enlarged img{width:100%;height:auto;display:block}#briefing-enlarged .briefing-heading{font-size:14px}#briefing-enlarged-note{font-size:12px;margin:8px 0}
.briefing-open .map-workspace,.briefing-open .map-guide,.briefing-open #event-analysis{display:none!important}
.map-sidebar #open-briefing{margin:0 0 12px}.mobile-map-toolbar #mobile-briefing{white-space:nowrap}
@media(max-width:1100px){.briefing-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.briefing-legend{grid-column:1 / -1}.briefing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.briefing-heading{align-items:start;gap:8px}.briefing-heading-actions{flex-direction:column}.briefing-heading h2{font-size:19px}.briefing-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px}.briefing-overlays{grid-column:1 / -1}.briefing-grid{grid-template-columns:1fr}.briefing-legend{flex-direction:column;gap:12px}.briefing-scale,.briefing-rain-scale{flex:auto;width:100%;max-width:none}.briefing-navigation{flex-wrap:wrap;gap:6px}.briefing-navigation p{order:-1;flex-basis:100%;text-align:left}.briefing-navigation button{flex:1;font-size:12px}.briefing-heading button{font-size:12px;padding:7px}.mobile-map-toolbar{flex-wrap:wrap}}