.services-bento__serif,
[data-serif] {
    font-family: Georgia, "Times New Roman", Times, serif;
}

.services-bento__body {
    min-width: 0;
}

.services-bento__corner {
    position: absolute;
    top: -0.5rem;
    right: 1.5rem;
    width: 1rem;
    height: 1rem;
    border: 2px solid currentColor;
    transform: rotate(45deg);
    pointer-events: none;
}

.services-bento__chevron {
    transition: transform 200ms ease;
}
.services-bento__toggle[aria-expanded="true"] .services-bento__chevron {
    transform: rotate(180deg);
}

.steps-numbered-cards__card-col {
    max-width: 24rem;
}

.steps-numbered-cards__number-badge {
    width: 3.5rem;
    height: 3.5rem;
}

/* min-width: 0 — довгий текст/флекс у колонці не роздуває рядок */
.content-col-grow {
    min-width: 0;
}

.content-stack-col--text {
    overflow-wrap: anywhere;
}

.content-stack-col--text > :first-child {
    width: 100%;
    max-width: 65ch;
    margin-inline: auto;
}

/* gap лише для Tailwind (grid). У Bootstrap — відступи через g-* у component (row-cols + g-3), без CSS gap на .row */
.content-grid-gap:not(.row) {
    gap: 1rem;
}

.content-full-frame {
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

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

/* Третина рядка: стабільна висота прев’ю, без height:100% від сусіднього тексту */
.content-img-fullheight {
    display: block;
    width: 100%;
    max-width: min(100%, 28rem);
    margin-inline: auto;
    min-width: 0;
    aspect-ratio: 3 / 4;
    max-height: 28rem;
    height: auto;
    flex-shrink: 1;
    object-fit: cover;
    object-position: center;
}