.flood-service-alert{background:#b91c1c;color:#fff;border-bottom:4px solid #7f1d1d}
.flood-service-alert__inner{max-width:1280px;margin:auto;padding:22px 32px;display:flex;align-items:center;gap:20px}
.flood-service-alert__icon{width:36px;height:36px;flex:0 0 36px}
.flood-service-alert__copy{flex:1;min-width:0}
.flood-service-alert__copy h2{font-size:clamp(19px,2.2vw,25px);line-height:1.2;letter-spacing:.035em;margin:0 0 6px;color:#fff}
.flood-service-alert__copy p{font-size:15px;line-height:1.5;margin:0;color:#fff}
.flood-service-alert__copy small{display:block;font-size:12px;line-height:1.5;margin-top:4px;color:#fff}
.flood-service-alert__actions{display:flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0}
.flood-service-alert__call{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:11px 20px;background:#fff;color:#991b1b;border-radius:5px;font-size:15px;font-weight:700;text-align:center}
.flood-service-alert__call:hover{background:#fff1f2}
.flood-service-alert__details{color:#fff;font-size:13px;text-decoration:underline;text-underline-offset:3px;padding:4px}
.flood-service-alert a:focus-visible{outline:3px solid #fff;outline-offset:5px}
@media(max-width:680px){.flood-service-alert__inner{padding:20px;gap:12px;flex-wrap:wrap;align-items:flex-start}.flood-service-alert__icon{width:28px;height:28px;flex-basis:28px}.flood-service-alert__copy{flex-basis:calc(100% - 40px)}.flood-service-alert__copy h2{font-size:19px}.flood-service-alert__copy p{font-size:14px}.flood-service-alert__actions{width:100%;margin-top:4px;gap:6px}.flood-service-alert__call{width:100%}}
/* Compact in-flow notice: never covers contact, chat or the service planner. */
.flood-service-alert{position:static;background:#b91c1c;border-bottom:1px solid #7f1d1d}
.flood-service-alert__inner{position:relative;padding:16px 24px}
.flood-service-alert__copy h2{font-size:18px}
.flood-service-alert__call{color:#991b1b}
@media(max-width:680px){
 .flood-service-alert__inner{padding:12px max(12px,env(safe-area-inset-right)) 12px max(12px,env(safe-area-inset-left));gap:8px}
 .flood-service-alert__icon{display:none}
 .flood-service-alert__copy{flex-basis:100%}
 .flood-service-alert__copy h2{font-size:15px;line-height:1.4;margin:0}
 .flood-service-alert__copy p{display:none}
 .flood-service-alert__copy small{font-size:12px}
 .flood-service-alert__actions{flex-direction:row;flex-wrap:wrap;justify-content:flex-start;gap:8px;margin:0}
 .flood-service-alert__call{width:auto;padding:8px 12px;font-size:13px}
 .flood-service-alert__details{min-height:44px;display:inline-flex;align-items:center;font-size:12px}
}