/* =====================================================================
   law.fd.org — styles for live features (alerts, office status, closures, notices)
   Uses the colors defined in site.css.
   ===================================================================== */

/* Severe weather alert banner */
.wx-alert { background: #6e1f14; color: #fff; border-bottom: 3px solid var(--amber); }
.wx-alert .container { padding-top: 0.85rem; padding-bottom: 0.85rem; }
.wx-alert-title { font-weight: 700; margin: 0 0 0.25rem; max-width: none; }
.wx-alert ul { margin: 0 0 0.35rem; padding-left: 1.2rem; }
.wx-alert li { margin: 0.1rem 0; }
.wx-alert-more { margin: 0; font-size: 0.93rem; max-width: none; }
.wx-alert a { color: #fff; font-weight: 600; }
.wx-alert :focus-visible { outline-color: var(--amber); }

/* Office open / closed status */
.office-status { display: flex; align-items: center; gap: 0.5rem; font-weight: 600; font-size: 0.97rem; margin: 0 0 0.6rem; }
.office-status .dot { width: 0.65rem; height: 0.65rem; border-radius: 50%; flex: none; background: var(--ink-2); }
.office-status.is-open .dot { background: #2e7d4f; box-shadow: 0 0 0 3px rgba(46,125,79,.18); }
.office-status.is-closed { color: var(--ink-2); }
.office-status.is-holiday { color: var(--alert); }
.office-status.is-holiday .dot { background: var(--alert); }
.contact-grid .office-status { margin-top: 0.5rem; }

/* Upcoming closures (Contact page) */
.closures { padding: 2.5rem 0 0; border-top: 1px solid var(--rule); margin-top: 1rem; }
.closures h2 { margin-bottom: 0.3rem; }
.closure-list { list-style: none; padding: 0; margin: 1rem 0 0; border-top: 2px solid var(--oak); max-width: 52rem; }
.closure-list li { display: grid; grid-template-columns: 16rem minmax(0, 1fr) 13rem; gap: 0.15rem 1.25rem; padding: 0.6rem 0; border-bottom: 1px solid var(--rule); }
.closure-date { font-weight: 600; }
.closure-offices { color: var(--ink-2); font-size: 0.93rem; }
@media (max-width: 760px) { .closure-list li { grid-template-columns: 1fr; } }

/* Sentencing Commission notices (Resources page) */
.feed-head { margin: 2.25rem 0 0.2rem; }
.feed-note { font-size: 0.88rem; color: var(--ink-2); margin: 0; }