/* Keep capability-page actions and footer content inside narrow mobile viewports. */
@media (max-width: 520px) {
  .page-hero .button-row {
    flex-direction: column;
    align-items: flex-start;
    gap: .35rem;
  }

  .page-hero .text-link {
    max-width: 100%;
    white-space: normal;
  }

  .site-footer nav {
    flex-wrap: wrap;
    white-space: normal;
  }

  .site-footer .footer-top p {
    white-space: normal;
  }

  .closing-band .close-grid > * {
    min-width: 0;
  }

  .closing-band .brochure-page-link {
    display: block;
    width: 100%;
    white-space: normal;
  }
}