/*
 * Public notice-list viewport guard.
 *
 * This is the first production CSS extraction protected by the public visual
 * regression baseline. Keep it linked after notices_fixes.css so its existing
 * cascade position remains explicit.
 */

@media (min-width: 1181px) and (max-width: 1399px) {
  body.notice-page:not(.notice-detail-page) .hero-copy h1 {
    width: 100%;
    min-width: 0;
    white-space: normal;
  }
}

@media (min-width: 980px) and (max-width: 1180px) {
  body.notice-page:not(.notice-detail-page) .notice-bottom-panels {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.notice-page:not(.notice-detail-page) .bottom-panel {
    width: auto;
    min-width: 0;
  }
}