/* event-record page */
.pg-hero{background:var(--surface);padding:3rem 0 2rem;border-bottom:1px solid var(--line)}
.pg-hero .crumb{font-size:.9rem;color:var(--ink-soft);margin-bottom:.75rem}
.pg-hero .crumb a{color:var(--ink-soft)}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-top:1.5rem}
.card2{background:var(--surface);border:1px solid var(--line);border-radius:.8rem;padding:1.2rem 1.4rem}
.card2 h3{font-size:1.05rem;font-weight:800;margin:0 0 .35rem}
.card2 p{margin:0;color:var(--ink-soft);font-size:.95rem}
.card2 .l{display:block;font-size:.85rem;margin-top:.6rem;padding-top:.6rem;border-top:1px solid var(--line);color:var(--ink-soft)}
.steps li::before{content:counter(s);width:2.1rem;height:2.1rem;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:800}
.tbl td:first-child{font-weight:600}
.only-monitoring,.only-watch,.only-activated,.only-recovery,.only-event{display:none !important}
[data-status=monitoring] .only-monitoring{display:revert !important}
[data-status=watch] .only-watch{display:revert !important}
[data-status=activated] .only-activated{display:revert !important}
[data-status=recovery] .only-recovery{display:revert !important}
[data-status=watch] .only-event,[data-status=activated] .only-event,[data-status=recovery] .only-event{display:revert !important}
.prose{max-width:70ch}
.prose h2{font-size:1.5rem;margin-top:2.25rem}
.prose h3{font-size:1.15rem;margin-top:1.5rem}
.prose ul,.prose ol{padding-left:1.2rem}
.prose li{margin:.3rem 0}
.prose p,.prose li{color:var(--ink)}
.disclaimer{font-size:.85rem;color:var(--ink-soft);border-top:1px solid var(--line);padding-top:.6rem;margin-top:1rem}
.badge2{display:inline-flex;align-items:center;gap:.5rem;font-weight:800;padding:.35rem .8rem .35rem .6rem;border-radius:999px;font-size:.95rem;background:var(--st-recovery-bg);color:var(--st-recovery);margin-bottom:1rem}
.badge2 i{width:.65rem;height:.65rem;border-radius:50%;background:var(--st-recovery);display:inline-block}
.meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1rem 2rem;margin-top:1.5rem;border-top:1px solid var(--line);padding-top:1.25rem}
.ev-map .fl-map{max-width:380px}
.ev-map .pins{display:none}
.ev-map .counties path.hit{fill:var(--map-impact)}
.tl{list-style:none;padding:0;margin:1.25rem 0 0;border-left:2px solid var(--line);margin-left:.5rem}
.tl li{position:relative;padding:0 0 1.1rem 1.5rem}
.tl li::before{content:"";position:absolute;left:-7px;top:.3rem;width:12px;height:12px;border-radius:50%;background:var(--ink-soft);border:2px solid var(--surface)}
.tl li.a::before{background:var(--st-activated)}
.tl li.r::before{background:var(--st-recovery)}
.tl li.w::before{background:var(--st-watch)}
.tl time{display:block;font-size:.85rem;color:var(--ink-soft);font-weight:600}
.tl p{margin:.1rem 0 0;max-width:60ch}
.cty{columns:2;column-gap:2rem;font-size:.95rem;list-style:none;padding:0}
.cty li{break-inside:avoid;padding:.3rem 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:.5rem}
.cty a{text-decoration:none;font-weight:600}
.cty span{color:var(--ink-soft);font-size:.85rem}
.resp{list-style:none;margin:1rem 0 0;padding:0;border-top:1px solid var(--line)}
.resp li{display:grid;grid-template-columns:44px 1fr;gap:.9rem;align-items:center;padding:.7rem 0;border-bottom:1px solid var(--line)}
.resp .lg{width:44px;height:44px;border-radius:.45rem;background:var(--surface);border:1px solid var(--line);display:grid;place-items:center;font-weight:800;font-size:.8rem;color:var(--ink-soft)}
.resp b{display:block;font-weight:700}
.resp span{color:var(--ink-soft);font-size:.9rem}
.sitrep{border-top:1px solid var(--line);margin-top:1rem}
.sitrep article{padding:1rem 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:7rem 1fr;gap:1rem}
.sitrep h3{font-size:1rem;margin:0 0 .25rem}
.sitrep p{margin:0;color:var(--ink-soft);font-size:.95rem}
.stat{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-top:1rem}
.stat div{background:var(--surface);border:1px solid var(--line);border-radius:.7rem;padding:.9rem 1rem}
.stat b{display:block;font-size:1.6rem;font-weight:800;letter-spacing:-.02em;line-height:1}
.stat span{font-size:.85rem;color:var(--ink-soft)}
/* Neutralise the prototype's hard-coded impact counties (base.css #c-…); .hit is real. */
[data-status] .fl-map .counties path{fill:var(--map-fill)!important}
[data-status] .fl-map .counties path.hit{fill:var(--map-impact)!important}
[data-status] .fl-map .counties a:hover path,[data-status] .fl-map .counties a:focus-visible path{fill:var(--map-hover,#ffb18a)!important}
.badge2{background:var(--surface-2);color:var(--ink-soft)}
.badge2 i{background:var(--ink-soft)}
.pg-incident [data-phase] .badge2{background:var(--st-recovery-bg)}

/* Phones: .g-5 gutters are wider than the container padding and cause sideways scroll. */
@media (max-width:575.98px){.row.g-5,.row.g-4{--bs-gutter-x:1.5rem}}