.context-card-hover {
    transition: transform 0.3s ease;
}

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

.context-border-w-4 {
    border-left-width: 4px !important;
}

.roster-lift-hover__portrait {
    width: 7rem;
    height: 7rem;
}

.roster-lift-hover__min-shrink {
  min-width: 0;
}

/* v23 — Bootstrap branch: same rhythm as Tailwind gap-lg + grid columns */
.numbered-step-grid-timeline__bs-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1.5rem;
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .numbered-step-grid-timeline__bs-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {
    .numbered-step-grid-timeline__bs-row {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

/* Parity with Tailwind max-w-2xl on header block */
.numbered-step-grid-timeline__area-bw {
    max-width: 42rem;
}

.numbered-step-grid-timeline__min-shrink {
  min-width: 0;
}

/* values-storybook — zigzag alternation, organic blob shapes, hover motion */
/* Layout/transform/animation only — no colors here, theme colors applied via tw: */

@media (min-width: 768px) {
    .values-storybook__item:nth-child(even) {
        flex-direction: row-reverse;
    }
}

.values-storybook__blob-wrap {
    width: 8rem;
    height: 8rem;
    transition: transform 250ms ease;
}

@media (min-width: 640px) {
    .values-storybook__blob-wrap {
        width: 10rem;
        height: 10rem;
    }
}

.values-storybook__item:hover .values-storybook__blob-wrap {
    transform: scale(1.06);
}

.values-storybook__blob {
    position: absolute;
    inset: 0;
    border-radius: 42% 58% 63% 37% / 41% 44% 56% 59%;
}

.values-storybook__item:nth-child(even) .values-storybook__blob {
    border-radius: 58% 42% 37% 63% / 59% 56% 44% 41%;
}

.values-storybook__list {
    transition: transform 200ms ease;
}