.terms-main {
    width: 100%;
    padding-block: var(--space-7);
}

.terms-document {
    width: 100%;
    max-width: var(--container-standard);
    margin-inline: auto;
    padding-inline: var(--page-padding-mobile);
}

.terms-hero {
    margin-block-end: var(--space-8);
}

.terms-hero__inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-4);
    max-width: 45rem;
}

.terms-hero__label {
    color: var(--brass-400);
}

.terms-hero__title {
    font-size: var(--text-h1);
    line-height: var(--leading-h1);
    letter-spacing: var(--tracking-h1);
    font-weight: 600;
    margin-block-end: 0;
}

.terms-hero__lead {
    font-size: var(--text-body-large);
    line-height: var(--leading-body-large);
    letter-spacing: var(--tracking-body-large);
    color: var(--warm-white);
    max-width: 38rem;
    margin-block-end: 0;
}

.terms-hero__date {
    font-size: var(--text-body-small);
    line-height: var(--leading-body-small);
    letter-spacing: var(--tracking-body-small);
    color: var(--warm-muted);
    margin-block-end: 0;
}

.terms-section {
    padding-block: var(--space-7);
    border-top: 1px solid var(--border-divider);
}

.terms-section__heading {
    font-size: var(--text-h2);
    line-height: var(--leading-h2);
    letter-spacing: var(--tracking-h2);
    font-weight: 600;
    margin-block-end: var(--space-5);
    max-width: 45rem;
}

.terms-section__body {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    max-width: 45rem;
}

.terms-section__body p {
    margin-block-end: 0;
}

.terms-list,
.terms-ordered-list {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    margin-block-end: 0;
    padding-inline-start: var(--space-5);
}

.terms-list li,
.terms-ordered-list li {
    color: var(--warm-white);
}

.terms-list {
    list-style-type: disc;
}

.terms-list li::marker {
    color: var(--brass-400);
}

.terms-ordered-list {
    list-style-type: decimal;
}

.terms-ordered-list li::marker {
    color: var(--brass-400);
    font-weight: 600;
}

.terms-contact-list {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    list-style: none;
    margin-block-end: 0;
    padding-inline-start: 0;
}

.terms-contact-list li {
    color: var(--warm-white);
}

.terms-contact-list__label {
    display: inline-block;
    min-width: 5.5rem;
    font-weight: 600;
    color: var(--brass-400);
}

.terms-contact-list a {
    color: var(--brass-400);
    text-decoration: underline;
    text-underline-offset: 4px;
}

.terms-contact-list a:hover {
    color: var(--brass-200);
}

.terms-contact-list a:focus-visible {
    outline: 2px solid var(--focus-ring);
    outline-offset: 2px;
    border-radius: var(--radius-1);
}

@media (min-width: 48rem) {
    .terms-main {
        padding-block: var(--space-8);
    }

    .terms-document {
        padding-inline: var(--page-padding-tablet);
    }

    .terms-hero {
        margin-block-end: var(--space-9);
    }

    .terms-section {
        padding-block: var(--space-8);
    }
}

@media (min-width: 75rem) {
    .terms-main {
        padding-block: var(--space-9);
    }

    .terms-document {
        padding-inline: var(--page-padding-desktop);
    }

    .terms-hero {
        margin-block-end: var(--space-10);
    }

    .terms-section {
        padding-block: var(--space-9);
    }
}

@media (max-width: 47.999rem) {
    .terms-hero__title {
        font-size: var(--text-h1);
    }

    .terms-hero__lead {
        font-size: var(--text-body);
        line-height: var(--leading-body);
    }

    .terms-section__heading {
        font-size: var(--text-h2);
    }

    .terms-contact-list__label {
        min-width: 4.5rem;
    }
}