.content-grid-gap {
    gap: 2rem;
}

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

.content-heading-gap {
    margin-bottom: 2rem;
}

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

/* Matches Tailwind flex-1: equal columns on row; avoids shrink-to-content width on Bootstrap */
.content-col-grow {
    flex: 1 1 0%;
    min-width: 0;
}

.content-base-height {
    display: block;
    width: 100%;
    height: 16rem;
    min-height: 16rem;
    flex-shrink: 0;
    object-fit: cover;
}

/* content gutter — bracket ticks share width */
.content-gutter__tick {
    width: 1px;
}

/* solo column: span full grid / row when second stack hidden */
.content-gutter__lead--span {
    grid-column: 1 / -1;
}

.content-rail__side {
    flex-shrink: 0;
}

@media (min-width: 1024px) {
    .content-rail__side {
        width: 8rem;
    }

    .content-rail__vertical {
        writing-mode: vertical-rl;
        text-orientation: mixed;
    }
}

.content-col-grow {
    flex: 1 1 0%;
    min-width: 0;
}

.content-img-fill {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 16rem;
    min-width: 0;
    object-fit: cover;
    flex-shrink: 0;
}

.narrative-chapter__column-inset {
    padding: 4rem;
}

.content-grid-gap {
    gap: 2rem;
}

.content-heading-gap {
    margin-bottom: 2rem;
}

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

.content-img-grows {
    display: block;
    width: 100%;
    height: 16rem;
    min-height: 16rem;
    flex-shrink: 0;
    object-fit: cover;
}
@media (min-width: 992px) {
    .content-img-grows {
        height: 20rem;
        min-height: 20rem;
    }
}

.content-column__body {
    column-gap: 2.5rem;
}

.content-column__body p {
    break-inside: avoid;
}

@media (min-width: 768px) {
    .content-column__body {
        column-count: 2;
    }
}

@media (min-width: 1200px) {
    .content-column__body {
        column-count: 3;
    }
}

.content-tabs-note__tab {
    appearance: none;
    -webkit-appearance: none;
    font: inherit;
    cursor: pointer;
    outline-offset: 0.2rem;
    transition: transform 180ms ease;
    box-sizing: border-box;
}

@media (min-width: 992px) {
    .content-tabs-note [role="tablist"] {
        overflow: visible;
    }

    .content-tabs-note__tab {
        width: 100%;
        max-width: 100%;
        white-space: normal;
    }
}

.content-tabs-note__tab:hover {
    transform: translateY(-0.125rem);
}

.content-tabs-note__tab.is-active {
    transform: translateY(-0.125rem);
}

/* values-terminal — terminal window chrome, grid-line background, blinking cursor */
/* Layout/animation only — no colors here, theme colors are applied via tw: */

.values-terminal__grid-bg {
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(to right, currentColor 1px, transparent 1px),
        linear-gradient(to bottom, currentColor 1px, transparent 1px);
    background-size: 40px 40px;
    opacity: 0.05;
    pointer-events: none;
}

.values-terminal__chrome {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    border-bottom-width: 1px;
}

.values-terminal__dot {
    width: 0.65rem;
    height: 0.65rem;
    border-radius: 9999px;
    display: inline-block;
    opacity: 0.5;
}

.values-terminal__body {
    line-height: 1.6;
}

.values-terminal__line {
    animation: values-terminal-fade-in 0.4s ease both;
}

.values-terminal__cursor {
    display: inline-block;
    opacity: 0;
}

[data-values-terminal].is-ready .values-terminal__cursor {
    animation: values-terminal-blink 1s steps(1, end) infinite;
}

@keyframes values-terminal-blink {
    0%, 50% { opacity: 1; }
    50.01%, 100% { opacity: 0; }
}

@keyframes values-terminal-fade-in {
    from { opacity: 0; transform: translateY(0.25rem); }
    to { opacity: 1; transform: translateY(0); }
}