/*
 * Basic CSS Reset/Normalizer
 * Used to remove default browser styling and establish consistent baselines.
 */

/* 1. Reset box-sizing to border-box for easier layout management */
*, *::before, *::after {
  box-sizing: border-box;
}

/* 2. Reset margins and padding on common elements */
body, h1, h2, h3, h4, h5, h6, p, blockquote, figure, ol, ul {
  margin: 0;
  padding: 0;
}

/* 3. Set a more sensible default font size/line-height for the body */
body {
  min-height: 100vh; /* Ensure the body takes up at least the full viewport height */
  line-height: 1.5; /* Improves readability */
  -webkit-font-smoothing: antialiased; /* Better font rendering on WebKit browsers */
}

/* 4. Remove list styles (bullets/numbers) from ul and ol elements */
ul, ol {
  list-style: none;
}

/* 5. Improve media defaults (images, videos, etc.) */
img, picture, video, canvas, svg {
  display: block; /* Prevents unwanted space below the element */
  max-width: 100%; /* Ensures media is responsive and doesn't overflow */
}

/* 6. Inherit font styles for form controls and buttons */
input, button, textarea, select {
  font: inherit;
}

/* 7. Remove text decoration and ensure color is inherited for links */
a {
  text-decoration: none; /* Removes the default underline */
  color: inherit;
}

/* 8. Allow textareas to only be resized vertically */
textarea {
  resize: vertical;
}

/* 9. Prevent annoying tapping delay on mobile browsers */
html {
  touch-action: manipulation;
}