/* Small additions on top of Tailwind. */

html { -webkit-text-size-adjust: 100%; }
body { text-rendering: optimizeLegibility; }

/* Make the radio "pill" group look pressed when checked. The :has selector
   covers older Tailwind builds where peer-checked might not pick up
   on Safari/Firefox quirks. */
input[type=radio]:checked + div {
  box-shadow: 0 0 0 2px rgb(2 132 199 / 0.25);
}

/* Slightly larger tap targets on touch devices. */
@media (hover: none) and (pointer: coarse) {
  button, a, select, input { min-height: 40px; }
}

/* iOS auto-zooms when an input's font-size is < 16px on focus. Bump
   text inputs/selects/textareas to 16px below sm — keeps the same
   layout while preventing the unwanted zoom-to-input on tap. */
@media (max-width: 639px) {
  input[type="text"],
  input[type="email"],
  input[type="search"],
  input[type="number"],
  input[type="password"],
  input[type="date"],
  input[type="tel"],
  input[type="url"],
  textarea,
  select {
    font-size: 16px;
  }
}

/* Honour iOS safe-area on the sticky bottom of <main>. */
@supports (padding: max(0px)) {
  body { min-height: -webkit-fill-available; }
}

/* Hide scrollbar on the inline nav-link strip so the horizontal scroll
   fallback doesn't add a second visual line under the dark nav bar. */
.nav-scroll {
  scrollbar-width: none;          /* Firefox */
  -ms-overflow-style: none;       /* legacy Edge / IE */
}
.nav-scroll::-webkit-scrollbar {
  display: none;                  /* WebKit / Blink */
}