/* ============================================
   Global Styling Reset - Better Styling
    Based on the "All-in-One Reset" by Josh Comeau
    https://www.joshwcomeau.com/css/custom-css-reset/
    This reset is designed to be a clean slate for styling, while still maintaining basic usability and accessibility. It removes all default browser styles, but re-enables essential functionality for interactive elements and forms.
   ============================================ */

/* 1. Wipe everything to a clean slate */
*:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) {
  all: unset;
  display: revert; /* Keep original display (block/inline) so layout doesn't break */
}

/* 2. Global box model consistency */
*, *::before, *::after {
  box-sizing: border-box;
}

/* 3. Re-enable essential accessibility/usability */
html {
  -webkit-text-size-adjust: none; /* Prevents auto-scaling on iPhone/Android */
  text-size-adjust: none;
}

/* Ensure interactive elements still show pointers */
button, a, label {
  cursor: pointer;
}

/* Ensure forms are actually usable */
input, textarea, select {
  all: revert; /* Reverts just forms to basic functionality so they remain interactive */
  box-sizing: border-box;
}