/* intro v18 — Emigre clay: blurred photo, ECG draw, typewriter caret */

/* Blurred background photo, sharp panel sits over it */
.intro-clay [data-photo] {
    width: 66%;
    aspect-ratio: 4 / 3;
}
.intro-clay__img {
    object-fit: cover;
    filter: blur(5px) saturate(1.05);
    transform: scale(1.06);
}

/* Heartbeat / ECG line draw (stroke colour = currentColor from Tailwind text-*) */
.intro-clay__ecg-path {
    stroke-dasharray: 1400;
    stroke-dashoffset: 1400;
    animation: intro-clay-ecg 4s linear infinite;
}
@keyframes intro-clay-ecg {
    0%   { stroke-dashoffset: 1400; }
    60%  { stroke-dashoffset: 0; }
    100% { stroke-dashoffset: -1400; }
}

/* Typewriter caret while typing */
.intro-clay__type .is-typing {
    border-right: 2px solid currentColor;
    animation: intro-clay-caret 800ms step-end infinite;
}
@keyframes intro-clay-caret {
    50% { border-color: transparent; }
}

@media (prefers-reduced-motion: reduce) {
    .intro-clay__ecg-path { animation: none; stroke-dashoffset: 0; }
}


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

.content-prose-column {
    max-width: 28rem;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

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

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

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

.tips-compact__thumb--xs {
    width: 1.5rem;
    height: 1.5rem;
}

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

/* FAQ v20 — timeline stepper mechanics */
.stepper-answers__line {
    left: 15px;
    top: 1rem;
    bottom: 1rem;
    width: 2px;
}

.stepper-answers__badge {
    width: 2rem;
    height: 2rem;
}

.stream-timeline-axis__wrap {
    max-width: 64rem;
}

.stream-timeline-axis__date-ring {
    width: 2.5rem;
    height: 2.5rem;
    position: relative;
    z-index: 2;
}

/* Линия таймлайна — под кругами (без цветов в правилах z-index) */
.stream-timeline-axis__spine {
    left: 50%;
    width: 1px;
    z-index: 0;
}

.stream-timeline-axis__lane {
    width: 41.666667%;
}

.stream-timeline-axis__hub {
    width: 16.666667%;
}

.stream-timeline-axis__date-stack {
    width: 3.5rem;
    height: 3.5rem;
    position: relative;
    z-index: 2;
}

.bulletin-sidebar-merge__card {
    max-width: 56rem;
}

.bulletin-sidebar-merge__halo {
    width: 12rem;
    height: 12rem;
}