/**
 * Critical header fallback for browsers that ignore Tailwind v4 `@layer` CSS
 * (Chrome < 99 / older Android). Keeps the hamburger from filling the viewport
 * and hides the desktop nav on small screens when the main stylesheet drops.
 */
.hidden {
  display: none !important;
}

@media (min-width: 1200px) {
  .min-\[1200px\]\:flex {
    display: flex !important;
  }
  .min-\[1200px\]\:inline-flex {
    display: inline-flex !important;
  }
  .min-\[1200px\]\:hidden {
    display: none !important;
  }
}

header details summary {
  list-style: none;
}

header details summary::-webkit-details-marker {
  display: none;
}

header details summary svg {
  width: 20px;
  height: 20px;
}