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

:root {
    line-height: 1.5;
}

ul, ol {
    padding-inline-start: 20px;
}

img {
    max-width: 100%;
    height: auto;
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 1rem;

    & + :is(&) {
        margin-top: 0;
    }
}

h1 {
    font-size: 2.25em;

    &::after {
        height: 2px;
    }
}

h2 {
    font-size: 1.75em;

    &::after {
        height: 2px;
    }
}

h3 {
    font-size: 1.5em;
}

h4 {
    font-size: 1.25em;
}

p, ul {
    margin-bottom: 1rem;
}

p:has(+ ul, + ol) {
    margin-bottom: 0;
}