@view-transition {
    navigation: auto;
}

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

html {
    scroll-behavior: smooth;
    line-height: 1.75;
    font-size: 18px;
}

body {
    min-height: 100dvh;
    font-family: system-ui;
    /* text-rendering: optimizeSpeed; no need with system-ui font */
}

input,
button,
textarea,
select {
    font: inherit;
}

img,
svg,
video,
picture {
    max-width: 100%;
    display: block;
    height: auto;
}

p {
    font-family: "Atkinson Hyperlegible", system-ui;
    max-inline-size: clamp(45ch 65ch 75ch);
    margin-inline: auto;
}

footer {
    margin-top: 4rem;
    content-visibility: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }

    * {
        animation: none;
        transition: none;
    }
}