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

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

html {
color-scheme: dark light;
}

body {
hanging-punctuation: first last;
min-height: 100svh;
}

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

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

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