/* https://piccalil.li/blog/a-more-modern-css-reset/ */
*,
*::before,
*::after { box-sizing: border-box; }

html {
    -moz-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
    /* color-scheme: light dark; */
}

body, h1, h2, h3, h4, p,
figure, blockquote, dl, dd { margin-block: 0; }

ul[role='list'],
ol[role='list'] { list-style: none; }

body {
    margin: 0;
    line-height: 1.5;
}

h1, h2, h3, h4,
button, input, label { line-height: 1.1; }

h1, h2,
h3, h4 { text-wrap: balance; }
p { text-wrap: pretty; }

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

input, button,
textarea, select {
    font-family: inherit;
    font-size: inherit;
}

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

/* https://piccalil.li/blog/my-favourite-3-lines-of-css */
.stack > * + * { margin-block-start: 1.5rem; }