.alert-map-page{padding-top:32px;padding-bottom:32px}.map-eyebrow{display:flex;gap:16px;align-items:center;color:var(--muted);font-size:.65rem;font-weight:750;letter-spacing:.08em}#updated{font-weight:400;letter-spacing:0}.alert-map-page h1{font-size:clamp(1.6rem,3.1vw,2.7rem);line-height:1.22;margin:18px 0 14px;max-width:1200px}.map-subtitle{font-size:1rem;line-height:1.6;color:var(--muted);margin-bottom:26px}.map-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px}#legend{display:flex;gap:24px;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:9px;font-size:.78rem}.map-icon{width:48px;height:48px;object-fit:contain;flex:none;filter:drop-shadow(0 2px 2px #0002)}.map-search{position:relative;min-width:240px}.map-search input{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);padding:12px 2px;font:inherit;font-size:.8rem;border-radius:0}#directory{position:absolute;right:0;top:100%;z-index:15;width:310px;max-height:300px;overflow:auto;background:var(--paper);box-shadow:0 8px 30px #0002;border:1px solid var(--line);border-radius:8px;padding:8px}#directory[hidden]{display:none}#directory button{display:block;width:100%;text-align:left;border:0;padding:10px;background:transparent;color:var(--ink);font:inherit;font-size:.8rem;cursor:pointer}#directory button:hover{background:var(--soft)}.map-shell{position:relative;background:var(--soft);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;min-height:560px;display:flex;align-items:center}#map{width:100%;height:620px;touch-action:none;cursor:grab}.region{fill:#ced0cc;stroke:var(--paper);stroke-width:.7;vector-effect:non-scaling-stroke;cursor:pointer;transition:fill .2s}.region.active{fill:#db6269}.region.unknown{fill:url(#unknown)}.region:hover,.region:focus,.region.selected{stroke:var(--paper);outline:none;filter:brightness(.94)}.threat-marker{pointer-events:none}.zoom{position:absolute;top:18px;left:18px;display:flex;box-shadow:0 2px 8px #0001;border-radius:7px;overflow:hidden}.zoom button{border:0;border-right:1px solid var(--line);background:var(--paper);color:var(--ink);width:38px;height:38px;font-size:24px;cursor:pointer}.map-key{position:absolute;bottom:16px;left:18px;display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted);pointer-events:none}.swatch{width:9px;height:9px;border-radius:2px;background:#ced0cc;margin-left:8px}.swatch.danger{background:#db6269}#tooltip{position:absolute;z-index:5;pointer-events:none;background:var(--paper);color:var(--ink);box-shadow:0 6px 30px #0002;border:1px solid var(--line);border-radius:10px;padding:16px;max-width:330px;font-size:.75rem;line-height:1.7}#tooltip strong{display:block;font:900 1rem/1.4 Merriweather,Georgia,serif;margin-bottom:8px}#health,.map-note{font-size:.68rem;color:var(--muted);line-height:1.7;margin:12px 0}.map-attribution{font-size:.6rem}#region-dialog{position:fixed;inset:0;margin:auto;width:min(480px,calc(100% - 32px));max-height:85dvh;padding:32px;border:1px solid var(--line);border-radius:14px;background:var(--paper);color:var(--ink);box-shadow:0 20px 80px #0003}#region-dialog::backdrop{background:#17202b55;backdrop-filter:blur(3px)}.map-dialog-close{position:absolute;right:12px;top:8px;background:none;border:0;font-size:30px;color:var(--muted);cursor:pointer}#details h2{font:900 1.5rem/1.4 Merriweather,Georgia,serif;margin:12px 0 22px}#details p{font-size:.8rem;line-height:1.7}.notice{padding:16px 0;border-top:1px solid var(--line)}.notice-title{display:flex;align-items:center;gap:12px;font-weight:750;font-size:.85rem}.notice small{display:block;margin:3px 0 0 60px;color:var(--muted);font-size:.7rem}.notice details{margin-top:12px;font-size:.75rem;line-height:1.7}.notice summary{cursor:pointer}.notice details p{white-space:pre-line}.map-edition-link{display:inline-block;margin-top:20px;font-size:.8rem;font-weight:700}.alert-map-page button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(max-width:700px){.alert-map-page{padding-top:22px}.map-title-break{display:none}.map-toolbar{align-items:stretch;flex-direction:column;gap:12px}#legend{gap:10px;justify-content:space-between}.legend-item{font-size:.62rem;gap:3px}.map-icon{width:35px;height:35px}#map{height:430px}.map-shell{min-height:430px}.map-key{font-size:8px;left:4px;gap:4px}.map-subtitle{font-size:.85rem}#directory{width:100%}.notice small{margin-left:47px}.map-eyebrow{font-size:.55rem;gap:10px}#region-dialog{padding:26px 22px}}
.threat-marker{pointer-events:auto;cursor:pointer}.marker-picture{filter:drop-shadow(0 2px 1px #0005);pointer-events:none}.marker-disc{filter:none}.threat-marker:focus{outline:none}.threat-marker:focus-visible .marker-disc{stroke:#637084;stroke-width:2}

/* Animate each opening without delaying native dialog focus handling. */
@keyframes map-dialog-enter{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes map-backdrop-enter{from{opacity:0}to{opacity:1}}
#region-dialog[open]{animation:map-dialog-enter 240ms cubic-bezier(.2,.7,.2,1) both}
#region-dialog[open]::backdrop{animation:map-backdrop-enter 240ms ease-out both}
@media(prefers-reduced-motion:reduce){#region-dialog[open],#region-dialog[open]::backdrop{animation:none}}
/* Icons stay within the polygon's inscribed square. No callout lines or discs. */
.marker-picture{filter:drop-shadow(1px 0 0 white) drop-shadow(-1px 0 0 white) drop-shadow(0 1px 0 white) drop-shadow(0 -1px 0 white) drop-shadow(0 2px 1px #0006)}
.threat-marker{transition:opacity .4s ease}.region{transition:fill .65s ease}
.map-toolbar{justify-content:space-between}#legend{justify-content:flex-start}
@media(prefers-reduced-motion:reduce){.threat-marker,.region{transition:none}}

/* Region dialog: readable status, grouped source messages and a clear destination. */
#region-dialog{width:min(520px,calc(100% - 32px));padding:32px;border-radius:22px;overflow:auto;overscroll-behavior:contain}
.map-dialog-close{top:14px;right:14px;width:36px;height:36px;display:grid;place-items:center;padding:0;border-radius:50%;background:var(--soft);font-size:24px;line-height:1}
#details>.map-eyebrow{padding-right:32px}#details h2{padding-right:12px;margin:16px 0 24px}
#details .notice{padding:20px 0}#details .notice-title{gap:16px;line-height:1.55;font-size:.9rem}
#details .notice-title .map-icon{width:64px;height:64px}#details .notice small{margin:4px 0 0 80px}
.map-messages{border-top:1px solid var(--line);padding:18px 0 0;margin-top:2px;font-size:.8rem;line-height:1.6}
.map-messages summary{cursor:pointer;font-weight:700;padding:8px 0;min-height:44px}
.map-message{padding:16px 0;border-bottom:1px solid var(--line)}.map-message:last-child{border-bottom:0}.map-message time{font-size:.72rem;color:var(--muted);font-weight:700}#details .map-message p{margin:8px 0 0;white-space:pre-line;overflow-wrap:anywhere}
#details .map-edition-link{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;min-height:48px;margin-top:24px;padding:14px 20px;border-radius:26px;background:var(--ink);color:var(--paper);text-decoration:none;font-size:.82rem;font-weight:750;transition:opacity .2s,transform .2s}
#details .map-edition-link:hover{opacity:.85;transform:translateY(-1px)}
@media(max-width:700px){#region-dialog{padding:26px 22px}#details h2{font-size:1.3rem}#details .notice-title{gap:12px;font-size:.83rem}#details .notice-title .map-icon{width:52px;height:52px}#details .notice small{margin-left:64px}}