.home-alerts-section { padding: 2.5rem 0; background: #edf4f4; border-block: 1px solid #d7e6e7; }
.home-alerts-section .section-heading-row { margin-bottom: 1rem; }
.alerts-page .section-heading-row { align-items: flex-start; }
.alerts-page .lead { max-width: 48rem; }
.alerts-live-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
.alert-cards-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 1rem; }
.home-alerts-section .alert-cards-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
.local-alert-card { padding: 1.35rem; border: 1px solid #d6e3e5; border-radius: .85rem; background: #fff; min-width: 0; overflow-wrap: anywhere; }
.local-alert-card h2, .local-alert-card h3 { font-family: inherit; line-height: 1.45; color: #173d4b; }
.alert-card-badges { display: flex; gap: .5rem; flex-wrap: wrap; }
.alert-category { background: #e7f1f3; color: #18586a; }
.alert-active { background: #fff0cb; color: #754d00; }
.alert-card-location { color: #526975; font-size: .9rem; margin: .65rem 0; }
.alert-card-details { white-space: normal; line-height: 1.6; font-size: .95rem; }
.alert-card-times { margin: 1rem 0; font-size: .78rem; color: #526975; }
.alert-card-times > div { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .25rem .75rem; margin-top: .35rem; }
.alert-card-times dt { font-weight: 500; }
.alert-card-times dd { margin: 0; }
.alert-card-footer { border-top: 1px solid #e4ecee; padding-top: .75rem; display: flex; flex-wrap: wrap; justify-content: space-between; gap: .5rem; color: #526975; }
.alert-card-footer a { font-size: .85rem; padding: .25rem 0; }
.alerts-empty { background: #fff; border: 1px dashed #b6cdd2; border-radius: .85rem; padding: 1.35rem; color: #526975; margin-bottom: 0; }
.alerts-filter { display: flex; gap: .75rem; align-items: flex-end; flex-wrap: wrap; }
.alerts-filter > div { flex: 1; min-width: 10rem; }
.alerts-filter .btn, .alerts-live-toolbar .btn { min-height: 44px; }
.alert-report-form { scroll-margin-top: 7rem; }
.alert-report-form legend { float: none; width: auto; }
.alert-report-form fieldset { padding: .9rem; border: 1px solid #d6e3e5; border-radius: .5rem; }
@media (max-width: 991.98px) { .home-alerts-section .alert-cards-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 575.98px) { .alert-cards-grid, .home-alerts-section .alert-cards-grid { grid-template-columns: minmax(0,1fr); } .alerts-live-toolbar { flex-wrap: wrap; } .local-alert-card { padding: 1.15rem; } }