.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-numbered__card {
    max-width: 24rem;
}

.tips-numbered__thumb {
    width: 4rem;
    height: 4rem;
}

.orbit-column-badge {
    width: 2.5rem;
    height: 2.5rem;
}

.orbit-column-panel {
    height: 700px;
}

.orbit-column-cloud-top {
    width: 24rem;
    height: 24rem;
}

.orbit-column-cloud-bottom {
    width: 20rem;
    height: 20rem;
}

.orbit-column-ring-main {
    width: 24rem;
    height: 24rem;
    animation-duration: 20s;
}

.orbit-column-ring-side {
    width: 20rem;
    height: 20rem;
    animation-duration: 30s;
    animation-direction: reverse;
}

.orbit-column-ring-tail {
    width: 22rem;
    height: 22rem;
    animation-duration: 25s;
}

.orbit-column-ring-main,
.orbit-column-ring-side,
.orbit-column-ring-tail {
    animation-name: orbit-column__spin;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@keyframes orbit-column__spin {
    to { transform: rotate(360deg); }
}

.feed-stream-dots__accent {
  width: 2rem;
  height: 2px;
}

.feed-stream-dots__index {
  width: 3rem;
  height: 3rem;
}

.feed-stream-dots__slot {
  min-width: 0;
}

.feed-stream-dots__bead {
  font-size: 6px;
}

.letter-single-slab__card {
    max-width: 48rem;
}