/* Shared summary cards: heading and icon, main reading, then a divided action row. */
.hazard-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:16px;align-items:stretch}
.hazard-cards>:is(.quake-card,.wildfire-card,.sky-events-card,.rocket-launch-card){display:grid;grid-template-columns:minmax(0,1fr) 48px;grid-template-rows:32px 1fr auto;grid-template-areas:"title signal" "copy copy" "end end";gap:2px 14px;align-items:start;min-width:0;margin-top:0;padding:18px 22px 14px}
.hazard-card-title{grid-area:title;align-self:center;margin:0;color:var(--muted);font-size:16px;font-weight:500;line-height:1.25;letter-spacing:-.5px}
.hazard-cards>:is(.quake-card,.wildfire-card,.sky-events-card,.rocket-launch-card)>:is(.quake-signal,.wildfire-signal,.sky-events-signal,.rocket-launch-signal){grid-area:signal;display:grid;place-items:center;justify-self:end;width:48px;height:32px}
.hazard-cards :is(.quake-signal,.wildfire-signal,.sky-events-signal,.rocket-launch-signal)>.weather-icon{width:36px;height:36px}
.hazard-cards>:is(.quake-card,.wildfire-card,.sky-events-card,.rocket-launch-card)>:is(.quake-card-copy,.wildfire-card-copy,.sky-events-card-copy,.rocket-launch-card-copy){grid-area:copy;min-width:0;align-self:start;padding-bottom:6px}
.hazard-cards>:is(.quake-card,.wildfire-card,.sky-events-card,.rocket-launch-card)>:is(.quake-card-end,.wildfire-card-end,.sky-events-card-end,.rocket-launch-card-end){grid-area:end;display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;min-height:54px;margin-top:0;padding-top:10px;border-top:1px solid color-mix(in srgb,var(--accent) 30%,transparent);flex-wrap:wrap}
.hazard-card-reading{display:flex;align-items:baseline;gap:6px 14px;min-width:0;line-height:1.3}
.hazard-card-reading strong{color:var(--theme-text,#f0f5f7);font-weight:550;letter-spacing:-1.5px}
.hazard-card-reading span{min-width:0;font-size:var(--type-label);color:var(--muted);overflow-wrap:anywhere}
.hazard-card-reading strong{font-size:26px;line-height:1.15}
.quake-card-reading{flex-wrap:wrap}.quake-card-reading strong{white-space:nowrap}
.hazard-card-secondary{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,auto);align-items:baseline;gap:4px 12px;min-width:0}
.hazard-card-secondary .metric-note{min-width:0;margin:0;color:var(--muted);font-size:.75rem;line-height:1.4;overflow-wrap:anywhere}
.hazard-card-secondary-trailing{justify-self:end;min-width:0;color:var(--muted);line-height:1.4;text-align:right;overflow-wrap:anywhere}
.wildfire-card-reading{align-items:baseline;gap:8px}
.sky-events-card-reading{display:grid;gap:3px}.hazard-cards .sky-events-card-reading strong{line-height:1.2;letter-spacing:-.6px;overflow-wrap:anywhere}
.hazard-card-updated{flex:1 1 auto;min-width:0;margin:0;color:var(--muted);font-size:12px;line-height:1.4;white-space:pre-line}
.hazard-card-total{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:baseline;gap:0 3px;min-width:0;margin:0;color:var(--muted);font-size:var(--type-caption);line-height:1.4;text-align:right;overflow-wrap:anywhere}
.hazard-card-total strong{font-size:inherit;font-weight:600;line-height:inherit;letter-spacing:0;color:inherit}
.hazard-cards :is(.quake-card-end,.wildfire-card-end,.sky-events-card-end,.rocket-launch-card-end)>button{--button-font-size:12px;--control-padding:10px;--control-radius-local:12px;--control-border:color-mix(in srgb,var(--accent) 40%,transparent);--control-background:rgba(91,153,194,.08);--control-hover-background:rgba(145,196,228,.18);--control-hover-border:var(--accent);flex:0 0 auto;white-space:nowrap}
:root #page-content .hazard-cards :is(.quake-card-end,.wildfire-card-end,.sky-events-card-end,.rocket-launch-card-end)>button{min-height:unset}
.wildfire-card{position:relative;overflow:hidden}
.wildfire-signal{color:#f28a54}
.wildfire-signal .weather-icon{display:block;width:100%;height:100%;object-fit:contain}
.wildfire-card-copy{min-width:0}
#wildfire-open{display:flex;align-items:center;gap:10px;min-height:44px}#wildfire-open svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
dialog.wildfire-dialog{width:min(960px,calc(100% - 32px))}
html:has(#wildfire-dialog[open]){overflow:hidden}
.wildfire-heading .eyebrow{margin-bottom:8px}.wildfire-subtitle{font-size:12px;line-height:1.6;color:var(--muted);margin:7px 0 0}
.wildfire-radius-control{display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap;margin:18px 0 14px}
.wildfire-radius-control .sky-events-filter{flex:0 0 auto;font-size:12px}
.wildfire-radius-control .sky-events-filter select{min-width:145px;height:40px}
.wildfire-radius-note{flex:1 1 100%;margin:0;font-size:11px;line-height:1.5;color:var(--faint)}
.wildfire-aircraft-controls{display:flex;align-items:center;gap:6px 14px;flex-wrap:wrap;margin:0 0 12px}
.wildfire-aircraft-toggle{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px;line-height:1.4;cursor:pointer}
.wildfire-aircraft-toggle input{width:15px;height:15px;margin:0;accent-color:#8ed4f7}
.wildfire-aircraft-toggle input:disabled{cursor:not-allowed}
.wildfire-aircraft-status{position:absolute;z-index:1100;top:12px;right:12px;display:flex;align-items:center;gap:8px;max-width:calc(100% - 24px);padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:rgba(var(--theme-glass-rgb,20,39,50),.94);color:var(--theme-text,#f0f5f7);font-size:11px;line-height:1.4;box-shadow:0 4px 18px #0004;pointer-events:none}
.wildfire-aircraft-status svg{display:none;width:18px;height:18px;flex:0 0 18px}
.wildfire-aircraft-status.is-refreshing{width:36px;height:36px;justify-content:center;padding:8px;border-radius:50%}
.wildfire-aircraft-status.is-refreshing svg{display:block;animation:refresh-spin 1s linear infinite}
@media(prefers-reduced-motion:reduce){.wildfire-aircraft-status.is-refreshing svg{animation:none}}
.wildfire-map-wrap{position:relative;border:1px solid var(--line);border-radius:12px;overflow:hidden;isolation:isolate}
#wildfire-map{height:390px;width:100%;z-index:0;background:#172b37;font-family:Manrope,system-ui,sans-serif}
#wildfire-map .leaflet-basemap-pane{filter:var(--map-tile-filter,none)}
#wildfire-map .leaflet-control-attribution{background:#102430eb;color:#cbd9e1;font-size:9px;line-height:1.7;white-space:normal}
#wildfire-map .leaflet-control-attribution a{color:#c2e1f5}#wildfire-map .leaflet-bar{border:1px solid var(--line);box-shadow:none;border-radius:8px;overflow:hidden}
#wildfire-map .leaflet-bar a{background:rgba(var(--theme-glass-rgb,20,39,50),.92);color:var(--theme-text,#f0f5f7);width:34px;height:34px;line-height:34px;border-color:var(--line)}
#wildfire-map .leaflet-bar a:hover{background:#304c5e}#wildfire-map .leaflet-control-scale-line{background:#102430d9;color:#cadbe4;border-color:#adc3d0;text-shadow:none;font-size:10px}
.wildfire-map-key{position:absolute;z-index:500;left:12px;bottom:12px;display:grid;gap:5px;max-width:calc(100% - 24px);font-size:9px;padding:7px 9px;border:1px solid #f28a5445;border-radius:6px;background:#142d3eed;color:#dfedf5;pointer-events:none}
.wildfire-map-key-item{display:flex;align-items:center;gap:6px;line-height:1.4}
.wildfire-map-key-perimeter{width:10px;height:10px;flex:0 0 auto;border:1.5px solid #f28a54;border-radius:2px;background:#f28a5428}
.wildfire-map-key-radius-swatch{width:10px;height:10px;flex:0 0 auto;border:1.5px dashed #8ed4f7;border-radius:50%;background:#6fbde61a}
.wildfire-map-key-aircraft-swatch{width:10px;height:10px;flex:0 0 auto;border:1.5px solid #8ed4f7;border-radius:50%;background:#8ed4f780;box-shadow:0 0 5px #8ed4f7}
.wildfire-map-key-fire-agency-swatch{width:10px;height:10px;flex:0 0 auto;border:1.5px solid #ff827d;border-radius:50%;background:#ff625c;box-shadow:0 0 5px #ff625c}
.wildfire-map-key-aircraft-path-swatch{width:14px;height:2px;flex:0 0 auto;background:#8ed4f7;box-shadow:0 0 4px #8ed4f7}
.wildfire-map-key-aircraft-path-swatch.is-fire-associated{background:#ff625c;box-shadow:0 0 4px #ff625c}
.wildfire-search-area{filter:drop-shadow(0 0 2px #102530)}
.wildfire-map-key-flames{display:inline-flex;align-items:center;gap:2px;flex:0 0 auto}.wildfire-map-key-flames svg{width:14px;height:14px;display:block}
.wildfire-marker{background:none;border:0;display:grid;place-items:center}.wildfire-marker-symbol{display:grid;place-items:center;width:100%;height:100%;transition:transform .15s,filter .15s}.wildfire-marker-symbol svg{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 2px 3px #0009)}
.wildfire-marker.is-selected .wildfire-marker-symbol,.wildfire-marker:hover .wildfire-marker-symbol,.wildfire-marker:focus-visible .wildfire-marker-symbol{transform:scale(1.18);filter:drop-shadow(0 0 5px #f28a54)}
.wildfire-aircraft-marker{display:grid;place-items:center;background:none;border:0}
.wildfire-aircraft-marker-moving{transition:transform 2.7s linear}
.wildfire-aircraft-marker-symbol{display:grid;place-items:center;width:100%;height:100%;filter:drop-shadow(0 1px 3px #000c)}
.wildfire-aircraft-marker-symbol svg{display:block;width:22px;height:22px;color:#8ed4f7;fill:#8ed4f7;stroke:#102936;stroke-width:1.25;stroke-linejoin:round}
.wildfire-aircraft-marker-helicopter .wildfire-aircraft-marker-symbol svg{width:19px;height:19px;color:#8ed4f7;fill:currentColor;stroke:none}
.wildfire-aircraft-marker-fire-associated .wildfire-aircraft-marker-symbol svg{color:#ff625c;fill:#ff625c;stroke:#351313}
.wildfire-aircraft-marker-fire-associated.wildfire-aircraft-marker-helicopter .wildfire-aircraft-marker-symbol svg{stroke:none}
.wildfire-aircraft-trail{filter:drop-shadow(0 0 3px #06141c)}
.wildfire-aircraft-trail path{stroke-linecap:round;stroke-linejoin:round}
@media(prefers-reduced-motion:reduce){.wildfire-aircraft-marker-moving{transition:none}}
.wildfire-perimeter{filter:drop-shadow(0 1px 2px #0008)}
#wildfire-map .leaflet-tooltip{background:#102936f5;border:1px solid #f28a5455;border-radius:9px;color:#eef8ff;padding:10px 12px;box-shadow:0 6px 24px #0003;white-space:normal;width:220px;font-size:11px;line-height:1.6}
#wildfire-map .leaflet-tooltip strong{display:block;font-size:14px;color:#fff}#wildfire-map .leaflet-tooltip-bottom:before{border-bottom-color:#102936f5}
.wildfire-detail{padding:19px 0 18px;border-bottom:1px solid var(--line)}.wildfire-detail[hidden]{display:none}
.wildfire-detail-heading{display:flex;align-items:flex-start;gap:14px}.wildfire-detail-heading>div{flex:1;min-width:0}.wildfire-detail-heading h3{font-size:14px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}
.wildfire-detail-heading p{margin-top:5px;color:var(--muted);font-size:11px;line-height:1.6}.wildfire-detail-heading a{flex-shrink:0;font-size:11px;color:var(--accent);padding:10px 0;text-decoration:none}.wildfire-detail-heading a:hover{text-decoration:underline}
.wildfire-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}
.wildfire-facts>div{min-width:0}
.wildfire-list-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:20px 0 11px}.wildfire-list-heading h3{font-size:13px;font-weight:500}.wildfire-list-heading span,.wildfire-footer{font-size:10px;color:var(--muted)}
.wildfire-list-scroll{max-height:min(38dvh,360px);overflow:auto;overscroll-behavior:contain;padding:1px 12px 1px 1px}
.wildfire-list{display:grid;gap:7px;list-style:none;padding:2px;margin:0}
.wildfire-row{width:100%;min-width:0;display:grid;grid-template-columns:34px minmax(0,1fr) 85px;gap:12px;align-items:center;text-align:left;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#1025308c;color:#edf6f8;min-height:62px;font:inherit;cursor:pointer;transition:border-color .15s,background .15s}
.wildfire-row[aria-pressed="true"]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,rgba(var(--theme-glass-rgb,20,39,50),min(1,calc(.6 * var(--theme-glass-scale,1)))));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 38%,transparent)}
.wildfire-row:not([aria-pressed="true"]):hover{border-color:color-mix(in srgb,var(--accent) 65%,var(--line));background:color-mix(in srgb,var(--accent) 9%,rgba(var(--theme-glass-rgb,20,39,50),min(1,calc(.5 * var(--theme-glass-scale,1)))))}
.wildfire-row-symbol{grid-column:1;grid-row:1/3;display:grid;place-items:center;color:#f28a54}.wildfire-row-symbol svg{display:block;width:28px;height:28px}
.wildfire-row strong{grid-column:2;grid-row:1;min-width:0;font-size:14px;font-weight:500;color:#edf6f8;overflow-wrap:anywhere}
.wildfire-row .wildfire-row-meta{grid-column:2;grid-row:2;display:block;min-width:0;color:var(--muted);font-size:10px;line-height:1.5;overflow-wrap:anywhere}
.wildfire-row em{grid-column:3;grid-row:1/3;color:var(--muted);font-size:11px;font-style:normal;text-align:right;white-space:nowrap}
.wildfire-row:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.wildfire-empty{margin:12px 0;color:var(--muted);font-size:12px;line-height:1.6}.wildfire-empty[hidden]{display:none}
.wildfire-footer{margin-top:14px}.wildfire-help{margin:7px 0 0;color:var(--faint);font-size:10px;line-height:1.6}
@media(max-width:1400px){.hazard-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.hazard-cards{grid-template-columns:minmax(0,1fr);gap:10px}}
@media(max-width:540px){.hazard-cards>:is(.quake-card,.wildfire-card,.sky-events-card,.rocket-launch-card){padding:16px;grid-template-columns:minmax(0,1fr) 48px;grid-template-rows:32px 1fr auto;gap:2px 14px}.hazard-cards>:is(.quake-card,.wildfire-card,.sky-events-card,.rocket-launch-card)>:is(.quake-signal,.wildfire-signal,.sky-events-signal,.rocket-launch-signal){width:48px;height:32px}.hazard-cards :is(.quake-signal,.wildfire-signal,.sky-events-signal,.rocket-launch-signal)>.weather-icon{width:36px;height:36px}.quake-card-reading{gap:6px 12px}.hazard-card-updated{font-size:11px}.hazard-card-total{font-size:var(--type-caption)}.hazard-cards :is(.quake-card-end,.wildfire-card-end,.sky-events-card-end,.rocket-launch-card-end)>button{gap:8px}
#wildfire-map{height:330px}.wildfire-list-scroll{max-height:min(34dvh,260px)}.wildfire-facts{row-gap:14px;margin:15px 0}.wildfire-row{grid-template-columns:29px minmax(0,1fr) 72px;gap:8px;padding:8px}.wildfire-row strong{font-size:13px}.wildfire-row em{font-size:10px}.wildfire-map-key{left:8px;bottom:8px;font-size:8px}}
@media(max-width:380px){.wildfire-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.wildfire-row{padding:10px}}