/* Shared mobile shell safeguards: WCAG-sized menu and consent controls. */
main h1,
main h2,
main h3,
main h4,
main summary {
  text-wrap: balance;
}

main p,
main li {
  text-wrap: pretty;
}

@media (max-width: 1024px) {
  body #menuToggle,
  body #mobile-menu-btn,
  body .menu-toggle,
  body button[aria-controls="mobileMenu"],
  body button[aria-controls="mobile-menu"] {
    min-width: 48px !important;
    min-height: 48px !important;
    touch-action: manipulation;
  }

  body #cookieAccept,
  body #cookieDecline,
  body [data-qa="consent-accept"],
  body [data-qa="consent-dismiss"] {
    min-height: 48px !important;
    touch-action: manipulation;
  }
}