/* ------------------------------
Theme
------------------------------ */

/* ------------------------------
Appearance
------------------------------ */
.terms_section__container {
    container: terms_section / inline-size;
}

@container terms_section (width < 600px) {
    .terms_section {
        & h1:not(:first-of-type) {
            margin-top: 24px;
        }

        & h2 {
            margin-top: 8px;
        }

        & p,
        & ol,
        & li {
            margin-top: 8px;
        }
    }
}

@container terms_section (600px <=width) {
    .terms_section {
        & h1:not(:first-of-type) {
            margin-top: 48px;
        }

        & h2 {
            margin-top: 16px;
        }

        & p,
        & ol,
        & li {
            margin-top: 16px;
        }
    }
}