/* City of Moss Point active alert bars. One stylesheet for every city web
   surface: the main site, the static baked pages, and the seven subdomain
   apps. Colors are DESIGN.md tokens, never one-offs:
     emergency #A4131D  (7.98:1 against white text)
     warning   #B25E09  (4.67:1 against white text, WCAG AA)
   Source of truth: mp-notify/_deploy/web/cmp-alerts.css */
.cmp-alerts{font-family:Inter,system-ui,-apple-system,sans-serif}
.cmp-alert{display:flex;gap:.7rem;align-items:baseline;flex-wrap:wrap;
  padding:.7rem clamp(1.25rem,5vw,2.25rem);color:#fff;font-size:.95rem;line-height:1.45}
.cmp-alert--emergency{background:#A4131D}
.cmp-alert--warning{background:#B25E09}
.cmp-alert__tag{text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;
  white-space:nowrap;font-weight:700}
.cmp-alert__who{font-size:.75rem;letter-spacing:.04em;font-weight:700;
  border:1px solid rgba(255,255,255,.55);border-radius:2px;padding:.1rem .4rem}
.cmp-alert__title{font-weight:700}
.cmp-alert__body{flex:1 1 16rem;min-width:0}
.cmp-alert__link{color:#fff;text-decoration:underline;font-weight:600;white-space:nowrap}
.cmp-alert__close{margin-left:auto;background:none;border:0;color:#fff;font-size:1.3rem;
  line-height:1;cursor:pointer;padding:0 .2rem;min-width:44px;min-height:44px}
.cmp-alert__close:focus-visible,.cmp-alert__link:focus-visible{outline:2px solid #fff;outline-offset:2px}
@media (max-width:640px){.cmp-alert{font-size:.9rem;gap:.5rem}}