/* content companion — hairline width for BS decor */
.content-companion__hair {
    width: 3rem;
}

/* numeric index column width on small screens */
.content-companion__index {
    min-width: 0;
}

.content-companion__index-digit {
    font-variant-numeric: tabular-nums;
}

.tips-financial__card {
    max-width: 24rem;
}

.tips-financial__thumb {
    width: 2.5rem;
    height: 2.5rem;
}

.glossary-v3-accent {
    height: 2px;
    width: 64px;
}

.glossary-v3-col {
    width: 100%;
}

@media (min-width: 768px) {
    .glossary-v3-col {
        width: 33.333333%;
    }
}

/* subscribe v25 — overlapping avatar stack: geometry shared by both CSS frameworks, no colors */
.mailing-avatar-stack__section--py-4xl {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.mxw-2xl {
    max-width: 42rem !important;
}

.mxw-md {
    max-width: 28rem !important;
}

.mailing-avatar-stack__item {
    width: 4rem;
    height: 4rem;
    margin-left: -1rem;
    flex-shrink: 0;
}

.mailing-avatar-stack__item:first-child {
    margin-left: 0;
}

.mailing-avatar-stack__title {
    font-size: 1.5rem;
    margin-bottom: 2rem;
}

.mailing-avatar-stack__row {
    flex-direction: column;
    gap: 0.75rem;
}

.mailing-avatar-stack__input,
.mailing-avatar-stack__cta {
    padding: 0.75rem 1rem;
}

.mailing-avatar-stack__cta {
    padding-inline: 1.5rem;
}

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

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