.intro-split-icon {
    width: 3rem;
    height: 3rem;
}

/* Як TW: w-64 → sm:w-80 → lg:w-96 (одна шкала для обох фреймворків) */
.intro-split-thumb {
    width: 16rem;
    height: 16rem;
    flex-shrink: 0;
}

@media (min-width: 640px) {
    .intro-split-thumb {
        width: 20rem;
        height: 20rem;
    }
}

@media (min-width: 1024px) {
    .intro-split-thumb {
        width: 24rem;
        height: 24rem;
    }
}

/* Bootstrap: flex + gap (no .row negative margins; works with section overflow). Tailwind grid ignores flex on items. */
@media (min-width: 576px) {
    .intro-split-benefits__row > * {
        flex: 1 1 0%;
        min-width: 0;
    }
}

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

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


.topics-support__entry--shift:hover { transform: scale(1.05); transition: transform .2s ease; }

.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;
}