.terms {
    // Categories
    &__categories {
        .container {
            display: block;
            padding-bottom: clamp(48px, 12vw, 80px);

            @include bp (sm) {
                display: grid;
                padding-bottom: clamp(80px, 10vw, 144px);
            }
        }

        // Footer
        footer {
            margin-top: 40px;
            color: $color-lilas-bright;

            @include bp (sm) {
                grid-column: 12 / -3;
                margin-top: 64px;
            }
        }
    }

    // Section
    &__section {
        --columns: 16;
        display: block;

        &:not(:last-of-type) {
            margin-bottom: 40px;

            @include bp (sm) {
                margin-bottom: clamp(40px, 5vw, 72px);
            }
        }

        @include bp (sm) {
            display: grid;
            align-items: baseline;
            grid-column: 3 / -3;
        }
        @include bp (sd) {
            grid-column: 5 / -5;
        }

        h2 {
            margin-bottom: 0.75em;
            color: $color-secondary-light;
            line-height: 1.1;

            @include bp (sm) {
                position: sticky;
                top: clamp(24px, 3vw, 40px);
                grid-column: 1 / span 4;
                margin-bottom: 0;
                text-align: right;
            }
            @include bp (sd) {
                grid-column: 1 / span 6;
            }
        }
        .text {
            color: $color-tertiary;
            line-height: 1.5;

            @include bp (sm) {
                grid-column: 6 / -1;
            }
            @include bp (sd) {
                grid-column: 8 / -1;
            }

            & > :global(*:not(:last-child)) {
                margin-bottom: 1em;
            }
            :global(strong) {
                font-weight: 500;
            }
            :global(ul) {
                margin-left: 1em;
            }
        }
    }
}