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

.sidebar-dot-card-timeline__line {
    width: 2px;
    left: 1rem;
}

@media (min-width: 768px) {
    .sidebar-dot-card-timeline__line {
        left: 2rem;
    }
}

.sidebar-dot-card-timeline__dot {
    width: 1rem;
    height: 1rem;
    left: 0.5rem;
    margin-top: 0.5rem;
}

@media (min-width: 768px) {
    .sidebar-dot-card-timeline__dot {
        left: 1.5rem;
        transform: translateX(-0.5rem);
    }
}

.sidebar-dot-card-timeline__card {
    margin-left: 0;
}

@media (min-width: 768px) {
    .sidebar-dot-card-timeline__card {
        margin-left: 4rem;
    }
}

/* values split v16 - layout/size only, no colors */
.values-split__decor-circle {
    aspect-ratio: 1 / 1;
}

.values-split__numeral {
    line-height: 0.85;
    letter-spacing: -0.04em;
}

.values-split__row {
    will-change: transform;
}

.float-jitter-grid__portrait {
    width: 7rem;
    height: 7rem;
}

@media (min-width: 768px) {
    .float-jitter-grid__portrait {
        width: 8rem;
        height: 8rem;
    }
}

.float-jitter-grid__beacon {
    width: 1.5rem;
    height: 1.5rem;
}

.float-jitter-grid__tile:nth-child(4n+2) {
    transform: translateY(1rem) translateX(0.5rem);
}

.float-jitter-grid__tile:nth-child(4n+3) {
    transform: translateY(2rem) translateX(-0.5rem);
}

.float-jitter-grid__tile:nth-child(4n+4) {
    transform: translateY(1rem) translateX(1rem);
}

/* quote v14 — nebula bento grid (BS fallback: CSS Grid row-span has no Bootstrap analog) */
.quote-nebula__bento {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.quote-nebula__bento-item--feature {
    grid-column: span 2 / span 2;
    grid-row: span 2 / span 2;
}

.quote-nebula__bento-item--wide {
    grid-column: span 2 / span 2;
}

.quote-nebula__bento-item--small {
    grid-column: span 1 / span 1;
}

@media (max-width: 767px) {
    .quote-nebula__bento {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .quote-nebula__bento-item--feature {
        grid-row: span 1 / span 1;
    }
}

/* grunge torn-edge clip via jagged polygon (no BS/clip-path analog) */
.quote-nebula__torn {
    clip-path: polygon(
        0% 2%, 4% 0%, 12% 1.5%, 22% 0%, 33% 1.2%, 45% 0%, 58% 1.5%, 70% 0%, 82% 1%, 92% 0%, 100% 2%,
        100% 96%, 96% 100%, 88% 98%, 76% 100%, 64% 98.5%, 52% 100%, 40% 98%, 28% 100%, 16% 98.5%, 6% 100%, 0% 97%
    );
}

/* blurred background glow behind the featured quote, sharp content stays on top (no BS backdrop-filter analog) */
.quote-nebula__glow {
    filter: blur(48px);
}

/* fixed decorative arrow-icon sizing (no BS w/h utility for arbitrary rem sizes) */
.quote-nebula__arrow {
    display: inline-flex;
    width: 1.25rem;
    height: 1.25rem;
}

/* terminal-style annotation block */
.quote-nebula__terminal {
    white-space: pre-wrap;
    word-break: break-word;
}

/* scroll-triggered slide-in reveal — root background stays a still, non-animated texture on purpose */
.quote-nebula__reveal {
    transition: transform 700ms ease, opacity 700ms ease;
}

.quote-nebula__reveal--left {
    transform: translateX(-2.5rem);
    opacity: 0;
}

.quote-nebula__reveal--right {
    transform: translateX(2.5rem);
    opacity: 0;
}

.quote-nebula__reveal.is-visible {
    transform: translateX(0);
    opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
    .quote-nebula__reveal {
        transition: opacity 200ms ease;
        transform: none;
    }

    .quote-nebula__reveal--left,
    .quote-nebula__reveal--right {
        transform: none;
    }
}
/* hover + focus affordances (layout/outline via theme token) */
@media (hover: hover) {
    .quote-nebula-root [role="listitem"]:hover,
    .quote-nebula-root article:hover,
    .quote-nebula-root [class*="quote-nebula__card"]:hover,
    .quote-nebula-root .quote-nebula__book:hover,
    .quote-nebula-root .quote-nebula__step:hover,
    .quote-nebula-root .quote-nebula__index-card:hover,
    .quote-nebula-root .quote-nebula__pill:hover,
    .quote-nebula-root .quote-nebula__item:hover {
        transform: translateY(-0.125rem);
    }
}

.quote-nebula-root [role="listitem"],
.quote-nebula-root article,
.quote-nebula-root [class*="quote-nebula__card"],
.quote-nebula-root .quote-nebula__book,
.quote-nebula-root .quote-nebula__step,
.quote-nebula-root .quote-nebula__index-card,
.quote-nebula-root .quote-nebula__pill {
    transition: transform 200ms ease;
}

.quote-nebula-root a:focus-visible,
.quote-nebula-root button:focus-visible,
.quote-nebula-root [tabindex="0"]:focus-visible,
.quote-nebula-root input:focus-visible,
.quote-nebula-root summary:focus-visible,
.quote-nebula-root [role="slider"]:focus-visible {
    outline: 2px solid var(--bs-primary);
    outline-offset: 2px;
}

@media (hover: hover) {
    .quote-nebula-root button:hover,
    .quote-nebula-root a:hover,
    .quote-nebula-root summary:hover {
        opacity: 0.92;
    }
}