/**
DO NOT set defaults in this file, this is only for normalization
of styles across browsers, or updating to modern patterns.

DO NOT change the specificity of the rules in this file.

DO NOT switch this to layers syntax.
 */
@layer {
    :where(:any-link) {
        color: blue;
    }
}
/* Box sizing rules */
*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    /* stylelint-disable property-no-vendor-prefix */
    -moz-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    /* stylelint-enable property-no-vendor-prefix */
    text-size-adjust: none;
}

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

:where(body) {
    background-color: white;
    color: black;

    :where(:any-link) {
        color: blue;
    }
}

/* Set core body defaults */
body {
    min-height: 100vh;
    /* stylelint-disable value-keyword-case */
    text-rendering: optimizeSpeed;
    /* stylelint-enable value-keyword-case */
    line-height: 1.5;
}

/* Make images easier to work with */
:where(img, picture) {
    max-width: 100%;
    display: block;
}

/* Inherit fonts for inputs and buttons */
:where(input, button, textarea, select ) {
    font: inherit;
}

details summary::-webkit-details-marker {
    display: none;
}

/* Remove all animations and transitions for people that prefer not to see them */
@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;
    }
}