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

* {
    font: inherit;
    margin: 0;
    padding: 0;
}

html {
    color-scheme: dark light;
}

body {
    /* LATER */
    hanging-punctuation: first last;
    @media screen {
        min-block-size: 100svh;
    }
}

h1, h2, h3, h4, h5, h6 {
    text-wrap: balance;
}

figcaption,
li,
p {
    max-inline-size: 79ch;
    /* LATER */
    text-wrap: pretty;
}

img,
picture,
svg,
video {
    display: block;
    max-inline-size: 100%;
}