:root {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
    Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}

body {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* Kill default <details> marker so our own chevron is the only affordance */
details > summary::-webkit-details-marker { display: none; }
details > summary { list-style: none; }

/* Keep iOS Safari from zooming the page when the ZIP input focuses.
   Browsers only suppress the zoom when the effective font-size is >= 16px. */
input, select, textarea { font-size: 16px; }

/* The ZIP input is the primary affordance — override back up to something
   chunky enough to read one-handed in sunlight. */
#zip-input {
  font-size: 1.5rem;
  letter-spacing: 0.1em;
}

/* Very narrow phones (older iPhone SE, folded Galaxy Z Fold cover, etc.) */
@media (max-width: 359px) {
  html { font-size: 14px; }
}