/* makes sizing simpler */

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

/* remove default spacing */
/* force styling of type through styling, rather than elements */

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

/* dark mode user-agent-styles */

html {
    color-scheme: dark light;
}

/* min body height */

body {
    /*min-height: 100vh;*/
}

/* responsive images/videos */
img,
picture,
svg,
video {
    max-width: 100%; /* [1] */
    height: auto; /* [1] */
    vertical-align: middle; /* [2] */
    font-style: italic; /* [3] */
    background-repeat: no-repeat; /* [4] */
    background-size: cover; /* [4] */
    shape-margin: 0.75rem; /* [5] */
}

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

p, li, figcaption {
    text-wrap: pretty;
    max-width: 65ch;
}

/*header, footer, main, section, article {
    container-type: inline-size;
}*/