.frame-scroll-container { -webkit-overflow-scrolling: touch; }

/* BS (прев’ю + експорт): картки ~вдвічі вужчі за w-72; TW без змін */
.about-frame-strip--bs .frame-scroll-container > li:not([aria-hidden="true"]),
#section-preview-root.section-preview--bootstrap .frame-scroll-container > li:not([aria-hidden="true"]),
[data-preview-framework="bootstrap"] .frame-scroll-container > li:not([aria-hidden="true"]) {
    flex: 0 0 16rem !important;
    width: 16rem !important;
    max-width: min(16rem, 85vw) !important;
}

.frame-sq-12 { width: 3rem; height: 3rem; flex-shrink: 0; }

.frame-card-hover {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.frame-card-hover:hover {
    transform: translateY(-0.25rem);
    box-shadow: var(--bs-box-shadow);
}

.frame-icon-hover {
    transition: transform 0.2s ease;
}

.frame-card-hover:hover .frame-icon-hover {
    transform: scale(1.05);
}

.frame-title-hover {
    transition: color 0.2s ease;
}

.frame-card-hover:hover .frame-title-hover {
    color: var(--bs-primary);
}

.belief-tabs__icon-box {
    width: 4rem;
    height: 4rem;
}

.belief-tabs__link--active {
    border-color: var(--bs-primary, rgb(var(--tw-primary-500, 59 130 246) / 1)) !important;
    background-color: var(--bs-primary, rgb(var(--tw-primary-600, 37 99 235) / 1)) !important;
    color: #fff !important;
}

/* Совпадает с Tailwind max-w-4xl (56rem) для Bootstrap-ветки */
.border-rail-list__shell {
    max-width: 56rem;
}

.border-rail-list__portrait {
    width: 7rem;
    height: 7rem;
}

@media (min-width: 768px) {
    .border-rail-list__portrait {
        width: 8rem;
        height: 8rem;
    }
}

.border-rail-list__min-shrink {
  min-width: 0;
}

.newspaper-columns-timeline__dropcap::first-letter {
    float: left;
    font-size: 4em;
    font-weight: 900;
    line-height: 0.75;
    padding-right: 0.1em;
    padding-top: 0.05em;
}

.newspaper-columns-timeline__ruled-bg {
    background-image: repeating-linear-gradient(
        0deg,
        transparent,
        transparent 4.9%,
        currentColor 4.9%,
        currentColor 5%
    );
}

.newspaper-columns-timeline__rule {
    height: 1px;
}

.newspaper-columns-timeline__separator .flex-grow-1 {
    height: 1px;
}

.newspaper-columns-timeline__columns {
    columns: 1;
    column-gap: 2.5rem;
}

@media (min-width: 768px) {
    .newspaper-columns-timeline__columns {
        columns: 2;
    }
}