/* The public notice header and content share the same page grid. */
.notice-hero > .shell.narrow-shell { max-width: none; }
.notice-hero { padding-block: 32px 38px; }
.notice-hero .breadcrumbs { margin-bottom: 24px; overflow-wrap: anywhere; }
.notice-hero .notice-title-context { margin-top: 22px; }
.notice-hero h1.site-page-title { max-width: 1050px; margin-bottom: 18px; }
.notice-hero .notice-key-facts { margin-top: 28px; }
.notice-detail-section { padding-block: 36px 64px; }
.notice-layout { gap: 32px; }
.notice-content, .notice-sidebar { min-width: 0; }
.notice-content .lead-paragraph { overflow-wrap: anywhere; }
.notice-content > section { margin-bottom: 32px; padding-bottom: 32px; }
.notice-sidebar .action-card > .button,
.notice-sidebar .action-card > form { margin-top: 10px; }
.notice-sidebar .action-card .notice-action-destination { margin-block: 14px; }

@media (max-width: 700px) {
  .notice-hero { padding-block: 24px 28px; }
  .notice-hero .breadcrumbs { margin-bottom: 18px; }
  .notice-hero .notice-heading-row { gap: 12px; align-items: flex-start; }
  .notice-hero .source-badge { overflow-wrap: anywhere; }
  .notice-hero .notice-key-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .notice-hero .notice-key-facts > div { min-width: 0; padding: 14px; overflow-wrap: anywhere; }
  .notice-hero .notice-key-facts > div:first-child { grid-column: 1 / -1; }
  .notice-detail-section { padding-block: 24px 40px; }
  .notice-layout { gap: 24px; }
}

@media print {
  .notice-hero, .notice-detail-section { padding-block: 12px; }
}