.intro-subtitle-content {
    max-width: 56rem;
}


.storyblock-chapter__bg-overlay {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.storyblock-chapter__heading-row-trail { margin-bottom: 2rem; }

.content-heading-gap {
    margin-bottom: 2rem;
}

.content-section-pad {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.glossary-grid__card {
    width: 100%;
}

@media (min-width: 576px) {
    .glossary-grid__card {
        width: calc(50% - 0.75rem); /* For gap-4 (1.5rem) -> half is 0.75rem */
    }
}

@media (min-width: 992px) {
    .glossary-grid__card {
        width: calc(33.33333% - 1rem); /* For gap-4 (1.5rem) -> 2 gaps = 3rem / 3 = 1rem */
    }
}

.glossary-grid__accent {
    height: 4px;
}

.glossary-grid__icon {
    width: 56px;
    height: 56px;
}

/* FAQ v19 — bento grid (featured full-width, then 2 columns on md+) */
.hints-support__bento {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
    width: 100%;
    max-width: 56rem;
    margin-inline: auto;
}

@media (min-width: 768px) {
    .hints-support__bento {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .hints-support__cell--featured {
        grid-column: 1 / -1;
    }

    .hints-support__cell--tile {
        min-width: 0;
    }
}

.hints-support__unit--shift:hover {
    transform: scale(1.05);
    transition: transform 0.2s ease;
}

/* Lists: avoid d-flex on ul (markers); spacing between items */
.hints-support__answer-list {
    list-style-type: disc;
    list-style-position: outside;
    padding-left: 1.25rem;
    margin-bottom: 0;
}

.hints-support__answer-list li + li {
    margin-top: 0.5rem;
}

/* subscribe v14 — geometry shared by both CSS frameworks (Bootstrap has no utilities for it) */
.mailing-editorial-quote__section--py-4xl {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.mxw-3xl {
    max-width: 48rem !important;
}

.mxw-sm {
    max-width: 24rem !important;
}

.mailing-editorial-quote__kicker {
    font-size: 0.75rem;
    letter-spacing: 0.025em;
}

.mailing-editorial-quote__mark {
    top: -1.5rem;
    inset-inline-start: 0;
    font-size: 6rem;
    line-height: 1;
}

.mailing-editorial-quote__quote {
    font-size: 1.5rem;
    line-height: 1.375;
    margin-bottom: 2.5rem;
}

.mailing-editorial-quote__intro {
    margin-bottom: 2.5rem;
}

.mailing-editorial-quote__intro::first-letter {
    font-size: 3rem;
    line-height: 2.5rem;
    font-weight: 600;
    float: left;
    padding-right: 0.5rem;
    padding-top: 0.25rem;
}

.mailing-editorial-quote__rule {
    width: 4rem;
    margin-bottom: 2.5rem;
}

.mailing-editorial-quote__row {
    flex-direction: column;
    gap: 0.75rem;
}

.mailing-editorial-quote__input {
    min-width: 0;
    padding: 0.75rem 1rem;
}

.mailing-editorial-quote__cta {
    width: 100%;
    padding: 0.75rem 1.5rem;
}

@media (min-width: 640px) {
    .mailing-editorial-quote__row {
        flex-direction: row;
    }

    .mailing-editorial-quote__cta {
        width: auto;
    }
}

@media (min-width: 768px) {
    .mailing-editorial-quote__quote {
        font-size: 2.25rem;
    }
}