/* intro — ledger rail: photo-left stack with bar chart */
.intro-ledger__eyebrow {
    letter-spacing: 0.12em;
}

.intro-ledger__title {
    letter-spacing: -0.03em;
}

.intro-ledger__mark {
    height: 0.2em;
    margin-top: 0.15em;
}

.intro-ledger__stack {
    padding-left: 0.75rem;
}

.intro-ledger__avatar {
    width: 2.75rem;
    height: 2.75rem;
    margin-left: -0.7rem;
    line-height: 1;
}

.intro-ledger__rule {
    height: 0;
    border-top-style: solid !important;
}

.intro-ledger__photo {
    min-height: 22rem;
}

.intro-ledger__photo-img {
    object-fit: cover;
}

.intro-ledger__card {
    padding: 1.25rem;
}

.intro-ledger__caption {
    font-size: 0.75rem;
    line-height: 1rem;
}

.intro-ledger__bars {
    height: 5.5rem;
}

.intro-ledger__bar {
    transform-origin: center bottom;
    animation: intro-ledger-bar 3.6s ease-in-out infinite;
}

.intro-ledger__bar--b1 { height: 45%; }
.intro-ledger__bar--b2 { animation-delay: 0.2s; height: 55%; }
.intro-ledger__bar--b3 { animation-delay: 0.4s; height: 85%; }
.intro-ledger__bar--b4 { animation-delay: 0.6s; height: 40%; }
.intro-ledger__bar--b5 { animation-delay: 0.8s; height: 70%; }

@keyframes intro-ledger-bar {
    0%, 100% {
        transform: scaleY(0.55);
        opacity: 0.55;
    }
    50% {
        transform: scaleY(1);
        opacity: 1;
    }
}

@media (min-width: 1024px) {
    .intro-ledger__photo {
        min-height: 36rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .intro-ledger__bar {
        animation: none;
        opacity: 1;
        transform: none;
    }
}

/* short stat captions sit in narrow columns on phones: long words break instead of spilling over */
.intro-ledger__caption { min-width: 0; overflow-wrap: anywhere; }

/* features institution — hairline dividers between trust items (width/style only, color comes from Tailwind/BS classes) */

/* BS flex child needs min-width:0 to shrink instead of overflowing on long titles (no BS utility) */
.features-inst__body {
    min-width: 0;
}

.features-inst__item:not(:first-child) {
    border-top-width: 1px;
    border-top-style: solid;
}

@media (min-width: 768px) {
    /* equal-width columns regardless of text length (basis 0 + min-width:0 lets a text-heavy item shrink) */
    .features-inst__item {
        flex: 1 1 0%;
        min-width: 0;
    }

    .features-inst__item:not(:first-child) {
        border-top-width: 0;
        border-left-width: 1px;
        border-left-style: solid;
    }
}

/* v17 - terminal timeline: neon grid backdrop via line borders (no colored bg images, no hex) */
.steps-terminal-timeline__grid-bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    background-image:
        repeating-linear-gradient(to right, currentColor 0, currentColor 1px, transparent 1px, transparent 48px),
        repeating-linear-gradient(to bottom, currentColor 0, currentColor 1px, transparent 1px, transparent 48px);
    opacity: 0.06;
}

.steps-terminal-timeline__desc {
    min-height: 3em;
}

/* bs parity: Bootstrap has no pl-10 / -left-10 / w-4 h-4 / w-px equivalents,
   so exact offsets and sizes are expressed here in plain CSS (applies under
   both frameworks identically to the tw values already set). */
.console-rail__col {
    padding-left: 2.5rem;
}

.console-rail__row:last-child {
    margin-bottom: 0 !important;
}

.steps-terminal-timeline__line {
    width: 1px;
}

.steps-terminal-timeline__dot {
    position: absolute;
    left: -2.5rem;
    top: 0.25rem;
    width: 1rem;
    height: 1rem;
}

/* Bootstrap: grid + gap (row gutters often collapse) */
.tips-detailed__bs-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1.5rem;
}

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

.tips-detailed__subtitle-max {
    max-width: 42rem;
}

.tips-detailed__thumb {
    width: 3rem;
    height: 3rem;
}

.tips-detailed__cta-thumb {
    width: 2rem;
    height: 2rem;
}

.tips-detailed__min-shrink {
    min-width: 0;
}


.prompt-beacon__section {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.prompt-beacon__appeal--shift:hover { transform: scale(1.05); transition: transform .2s ease; }

.prompt-beacon__sheet--haze { backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); }