@layer reset {
    /* https://piccalil.li/blog/a-more-modern-css-reset/ */
    /* https://www.joshwcomeau.com/css/custom-css-reset/ */

    *,
    *::before,
    *::after {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
    }

    html {
        -moz-text-size-adjust: none;
        -webkit-text-size-adjust: none;
        text-size-adjust: none;
    }

    body {
        line-height: 1.5;
        -webkit-font-smoothing: antialiased;
    }

    input, button, textarea, select { font: inherit; }
    h1, h2, h3, h4, button, input, label { line-height: 1.1; }
    h1, h2, h3, h4 { text-wrap: balance; }
    p, li, dd { text-wrap: pretty; }

    ul[role="list"] { list-style-type: none; }

    img, picture, video, canvas, svg, textarea, input {
        display: block;
        max-width: 100%;
    }

    textarea:not([rows]) { min-height: 10em; }
    :target { scroll-margin-block: 5ex; }
}