/* Modern CSS Reset */
/* Box sizing rules */
*, *::before, *::after {
box-sizing: border-box;
}

/* Remove default margin */
* {
margin: 0;
}

/* Remove list styles on ul, ol with role="list" */
ul[role="list"], ol[role="list"] {
list-style: none;
padding: 0;
}

/* Set core root defaults */
html:focus-within {
scroll-behavior: smooth;
}

/* Set core body defaults */
body {
min-height: 100vh;
text-rendering: optimizeSpeed;
line-height: 1.5;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
text-decoration-skip-ink: auto;
color: inherit;
}

/* Make images easier to work with */
img, picture, video, canvas, svg {
display: block;
max-width: 100%;
}

/* Inherit fonts for form controls */
input, button, textarea, select {
font: inherit;
color: inherit;
}

/* Remove default button styles side-effects */
button, input[type="button"], input[type="submit"], input[type="reset"] {
background: none;
border: none;
padding: 0;
}

/* Respect reduced motion preferences */
@media (prefers-reduced-motion: reduce) {
html:focus-within {
scroll-behavior: auto;
}
*, *::before, *::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
}