/* Website-only alert surfaces and probability scales; not graphic export CSS. */
.local-alerts{--alert-color:#276456;--alert-soft:#eef7f3;--alert-border:#d7e8e0;margin:0 0 var(--card-gap,20px);border:1px solid #dce6eb;border-radius:12px;background:#fff;overflow:hidden;color:#19394c}
.local-alerts[data-kind=warning],.local-alert-card[data-kind=warning],.local-alert-detail[data-kind=warning]{--alert-color:#a72b38;--alert-soft:#fff1f2;--alert-border:#efc9ce}
.local-alerts[data-kind=watch],.local-alert-card[data-kind=watch],.local-alert-detail[data-kind=watch]{--alert-color:#865300;--alert-soft:#fff7e7;--alert-border:#ecd8b0}
.local-alerts[data-kind=advisory],.local-alert-card[data-kind=advisory],.local-alert-detail[data-kind=advisory],.local-alerts[data-kind=notice]{--alert-color:#285c87;--alert-soft:#edf5fc;--alert-border:#d0e1ef}
.local-alerts.alerts-unavailable{--alert-color:#6b5a3b;--alert-soft:#f8f5ed;--alert-border:#e7dfcf}
.local-alert-header{display:flex;align-items:center;gap:14px;padding:16px 20px;background:#fff}
.has-alerts .local-alert-header,.alerts-unavailable .local-alert-header{background:#f8fafb;border-bottom:1px solid #e5edf1}
.local-alert-mark{display:flex;align-items:center;color:var(--alert-color);flex:0 0 24px}.local-alert-mark svg{width:24px;height:24px;stroke-width:1.8}
.local-alert-heading{flex:1;min-width:0}.local-alert-status{margin:0;font:650 14px/1.5 var(--font);letter-spacing:0;color:#234758}.has-alerts .local-alert-status{font-size:16px}
.local-alert-heading p{margin:4px 0 0;font-size:11px;line-height:1.6;color:#617887}
.local-alert-actions{display:flex;align-items:center;gap:20px;flex-shrink:0}.local-alert-actions>a{font-size:12px;font-weight:500;color:#476b7d;white-space:nowrap}
.alert-refresh{min-height:44px;padding:10px 13px;flex-shrink:0;border:1px solid #dce6eb;border-radius:7px;color:#35586c;background:#fff;font:600 12px var(--font)}.alert-refresh:hover{background:#f0f6f8;border-color:#abc7d4}.alert-refresh:disabled{opacity:.6;cursor:wait}
.local-alert-list{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding:20px}
.local-alert-card{--alert-color:#285c87;--alert-soft:#edf5fc;--alert-border:#d0e1ef;padding:20px 22px;border:1px solid #e0e8ed;border-left:4px solid var(--alert-color);border-radius:8px;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:'heading timing' 'guidance guidance' 'area action';gap:14px 28px;align-items:start}
.local-alert-card-heading{grid-area:heading;min-width:0}.alert-card-labels{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:8px}
.local-alert-card h3{margin:0;font-size:20px;font-weight:700;line-height:1.35;letter-spacing:-.025em}.alert-type{display:inline-block;padding:4px 8px;border-radius:4px;background:var(--alert-soft);color:var(--alert-color);font:700 10px/1.4 var(--font);text-transform:uppercase;letter-spacing:.06em;flex-shrink:0}
.alert-card-issuer{font-size:12px;line-height:1.6;color:#617887;margin-top:5px}.alert-last-known{font-size:11px;color:#7d591d;line-height:1.5}
.alert-timing{grid-area:timing;display:grid;gap:10px;min-width:185px;padding-top:2px;font-size:12px;color:#3c5c70;line-height:1.6}.alert-timing span,.alert-guidance>span{display:block;font-size:11px;line-height:1.5;color:#657c8b}.alert-timing strong{display:block;font-size:13px;font-weight:600;color:#294a5e;margin-top:3px}
.alert-guidance{grid-area:guidance;border-top:1px solid #e6edf1;padding-top:12px;min-width:0}.alert-preview{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;white-space:pre-line;font-size:14px;line-height:1.7;color:#314f60;margin:5px 0 0;overflow-wrap:anywhere}
.alert-area{grid-area:area;align-self:center;margin:0;font-size:12px;color:#617887;line-height:1.6;overflow-wrap:anywhere;min-width:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.alert-read{grid-area:action;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 13px;min-height:44px;border:1px solid var(--alert-border);border-radius:6px;background:var(--alert-soft);color:var(--alert-color);font:600 12px/1.5 var(--font);text-align:left}.alert-read:hover{border-color:var(--alert-color)}
.local-alert-footer{display:flex;justify-content:space-between;gap:12px;padding:14px 20px;font-size:11px;line-height:1.6;color:#617887;border-top:1px solid #e6edef}
.detail-dialog:has(.local-alert-detail){width:min(720px,calc(100% - 32px));padding:28px;border-radius:14px}.detail-dialog:has(.local-alert-detail)>form{position:absolute;right:12px;top:12px;margin:0}.detail-dialog:has(.local-alert-detail) .close-dialog{position:static;background:#f2f6f8;border-radius:7px}
.local-alert-detail{--alert-color:#285c87;--alert-soft:#edf5fc;--alert-border:#d0e1ef;overflow-wrap:anywhere}.alert-detail-heading{padding-right:38px;margin-bottom:24px}.local-alert-detail .alert-detail-location{font-size:12px;color:#617887;margin:0 0 16px;line-height:1.6}.local-alert-detail h2{margin:12px 0 0;font-size:28px;line-height:1.3}.local-alert-detail .alert-issuer{font-size:13px;color:#617887;margin:8px 0 0;line-height:1.6}
.alert-facts{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px;padding:20px;background:#f5f8fa;border:1px solid #e2eaf0;border-radius:8px;margin:0 0 24px}.alert-facts dt{font-size:11px;text-transform:capitalize;color:#657c8b;margin-bottom:4px}.alert-facts dd{font-size:13px;line-height:1.6;color:#29495f;font-weight:600;margin:0}
.alert-instructions{border:1px solid var(--alert-border);border-left:3px solid var(--alert-color);background:var(--alert-soft);padding:18px 20px;border-radius:8px;margin-bottom:24px}.alert-instructions h3{margin:0;font-size:16px;line-height:1.5;color:var(--alert-color)}
.local-alert-detail .alert-instructions p{font-size:14px;color:#264453;line-height:1.8;margin:8px 0 0;white-space:pre-wrap}.local-alert-detail .alert-headline{font-size:14px;font-weight:600;color:#264453;line-height:1.8;margin:0 0 24px}.alert-detail-section{margin-bottom:24px}.local-alert-detail .alert-detail-section h3{font-size:17px;line-height:1.5;margin:0 0 8px}.local-alert-detail .alert-detail-section p{font-size:14px;line-height:1.8;margin:0}.alert-full-text{white-space:pre-wrap;line-height:1.85}
.local-alert-detail>a{display:inline-flex;align-items:center;min-height:44px}.local-alert-detail .alert-detail-note{font-size:11px;line-height:1.7;margin:16px 0 0;padding-top:16px;border-top:1px solid #e3ebf0}.local-alert-detail .alert-detail-stale{padding:14px;margin:0 0 24px;background:#fff6e5;border:1px solid #e8d3a8;border-radius:7px;color:#775322;font-size:13px;line-height:1.7}.local-alert-detail .alert-instruction-empty{font-size:13px;margin:0 0 24px;line-height:1.7}
@media(min-width:1100px){.local-alert-card{grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr) auto;grid-template-areas:'heading guidance timing' 'area guidance action';padding:18px 22px;gap:12px 24px}.alert-guidance{border-top:0;border-left:1px solid #e6edf1;padding:2px 0 2px 22px;align-self:stretch}.alert-preview{-webkit-line-clamp:4}.alert-timing{min-width:185px}.alert-read{justify-self:end;align-self:end}.alert-area{align-self:end}}
/* Probability products stay a continuous low-to-high scale, not an orphaned
   seventh swatch underneath the categorical three-column mobile layout. */
#map-legend:is([data-legend-kind=torn],[data-legend-kind=hail],[data-legend-kind=wind]){display:grid;grid-auto-flow:row;grid-template-columns:repeat(7,minmax(0,1fr));gap:0}
#map-legend[data-legend-kind=hail]{grid-template-columns:repeat(5,minmax(0,1fr))}
#map-legend:is([data-legend-kind=torn],[data-legend-kind=hail],[data-legend-kind=wind]) .legend-item{font-size:11px;white-space:nowrap}
#map-legend:is([data-legend-kind=torn],[data-legend-kind=hail],[data-legend-kind=wind]) .legend-item i{border-radius:0;height:9px}
#map-legend:is([data-legend-kind=torn],[data-legend-kind=hail],[data-legend-kind=wind]) .legend-item:first-child i{border-radius:3px 0 0 3px}
#map-legend:is([data-legend-kind=torn],[data-legend-kind=hail],[data-legend-kind=wind]) .legend-item:nth-child(7) i,#map-legend[data-legend-kind=hail] .legend-item:nth-child(5) i{border-radius:0 3px 3px 0}
#map-legend .intensity-key{grid-column:1/-1;text-align:left;color:#546b7d;line-height:1.6}
#map-legend .intensity-key{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:12px;padding-top:12px;border-top:1px solid #e5edf1;font-size:11px}
.intensity-label{font-weight:600;color:#546b7d}.intensity-sample{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-weight:600;color:#415e72}.intensity-sample i{display:block;flex:0 0 34px;height:24px;background-color:#eef3f5;background-size:24px 24px;border-radius:4px;box-shadow:inset 0 0 0 1px #dce5eb}.intensity-hint{margin-left:auto;font-size:10px;color:#6d8290}
@media(max-width:600px){#map-legend .intensity-key{gap:10px 14px}.intensity-key .intensity-label{flex:0 0 100%;font-size:11px}.intensity-key .intensity-hint{flex:0 0 100%;margin-left:0;white-space:normal;font-size:11px}}
@media(max-width:850px){.local-alert-header{flex-wrap:wrap;gap:12px}.local-alert-heading{flex-basis:calc(100% - 38px)}.local-alert-actions{margin-left:38px;gap:16px}.local-alert-card{gap:14px 20px}.alert-timing{min-width:160px}.local-alert-footer{flex-direction:column;gap:4px}}
@media(max-width:600px){.local-alert-header{padding:16px;gap:10px}.local-alert-heading{flex-basis:calc(100% - 34px)}.local-alert-status,.has-alerts .local-alert-status{font-size:14px}.local-alert-mark{flex-basis:24px;align-self:flex-start;margin-top:1px}.local-alert-actions{margin-left:34px;justify-content:space-between;width:calc(100% - 34px);gap:12px}.local-alert-actions>a{font-size:11px}.alert-refresh{padding:9px 11px;font-size:11px}.local-alert-list{padding:12px;gap:12px}.local-alert-card{padding:16px;grid-template-columns:minmax(0,1fr);grid-template-areas:'heading' 'timing' 'guidance' 'area' 'action';gap:14px}.local-alert-card h3{font-size:19px}.alert-timing{min-width:0;display:flex;flex-wrap:wrap;gap:12px 22px;padding:0}.alert-timing strong{font-size:12px}.alert-preview{font-size:13px;-webkit-line-clamp:4}.alert-read{justify-self:start;font-size:12px}.alert-area{font-size:12px}.local-alert-footer{padding:14px 16px;font-size:10px}.detail-dialog:has(.local-alert-detail){padding:22px 18px;width:calc(100% - 24px)}.local-alert-detail h2{font-size:24px}.alert-facts{grid-template-columns:1fr;padding:16px;gap:14px}.alert-instructions{padding:16px}.alert-detail-heading{padding-right:34px;margin-bottom:20px}}