.coastal-alert{margin:18px 0 26px;padding:14px 0 13px;border-block:1px solid #aaa99e}
.coastal-alert .alert-kicker{display:block;margin-bottom:8px;color:#8a3f2b;font:600 11px/1.4 Arial,sans-serif;letter-spacing:.055em;text-transform:uppercase}
.coastal-alert .alert-title{display:block;font:600 16px/1.4 Arial,sans-serif}
.article-main .story-body .coastal-alert p{margin:7px 0 8px;font:14px/1.55 Arial,sans-serif;color:#4f584f}
.coastal-alert-links{display:flex;flex-wrap:wrap;gap:2px 18px}
.coastal-alert-links a{display:inline-flex;align-items:center;min-height:44px;color:#314b36;font:600 13px/1.4 Arial,sans-serif;text-underline-offset:4px}
.coastal-alert-links a span{margin-inline-start:5px;color:#8a3f2b}
.coastal-alert-links a:focus-visible{outline:2px solid #8a3f2b;outline-offset:2px}
.flood-checklist{list-style:none;padding:0;margin:0 0 22px;counter-reset:flood-step}
.flood-checklist li{counter-increment:flood-step;display:grid;grid-template-columns:30px minmax(0,1fr);column-gap:10px;padding:12px 0;border-top:1px solid #d3d1c8}
.flood-checklist li::before{content:counter(flood-step,decimal-leading-zero);grid-row:1 / span 2;padding-top:2px;color:#8a3f2b;font:600 11px/1.5 Arial,sans-serif;font-variant-numeric:tabular-nums}
.flood-checklist strong{display:block;font:600 15px/1.45 Arial,sans-serif}
.flood-checklist li span{display:block;margin-top:4px;color:#4f584f;font:14px/1.55 Arial,sans-serif}
@media(max-width:560px){.coastal-alert .alert-title{font-size:15px}.article-main .story-body .coastal-alert p,.flood-checklist li span{font-size:13px}.flood-checklist li{grid-template-columns:26px minmax(0,1fr);column-gap:8px}}