/* The handful of things Tailwind utilities cannot express inline.
   Everything else is utility classes; keep this file small on purpose. */

/* Fault codes are read character by character — 0 vs O and 1 vs l decide whether the
   right procedure comes back, so the code input and every rendered code are monospaced. */
#code {
  letter-spacing: 0.05em;
}

/* Tailwind's number inputs keep the browser spinners, which are noise on a year field. */
input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type='number'] {
  -moz-appearance: textfield;
}

/* Suggestion list and long answers scroll inside their own box rather than pushing the
   page sideways on a phone. */
#suggestions {
  scrollbar-width: thin;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}