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

.copy-document__text-panel-inset {
    padding: 4rem;
}

/* glossary ladder — figure offset */
.glossary-ladder__fig {
    transition: transform 0.2s ease;
}

.glossary-ladder__fig:hover {
    transform: translateX(4px);
}

.wire-reader-split__decor--alpha {
    top: 5rem;
    left: 2.5rem;
    width: 2.5rem;
    height: 2.5rem;
    animation-duration: 4s;
}

.wire-reader-split__decor--beta {
    top: 10rem;
    right: 5rem;
    width: 2rem;
    height: 2rem;
    animation-duration: 3s;
}

.wire-reader-split__decor--gamma {
    bottom: 8rem;
    left: 25%;
    width: 1.5rem;
    height: 1.5rem;
    animation-duration: 2s;
}

.wire-reader-split__decor--delta {
    bottom: 5rem;
    right: 33.333%;
    width: 3rem;
    height: 3rem;
    animation-duration: 5s;
    animation-delay: 1s;
}

.wire-reader-split__underline {
    width: 6rem;
    height: 0.25rem;
}

.wire-reader-split__sidebar {
    flex: 0 0 40%;
}

.wire-reader-split__index-badge {
    width: 2rem;
    height: 2rem;
}

.wire-reader-split__viewport {
    flex: 0 0 60%;
    height: fit-content;
}

.wire-reader-split__media {
    height: 12rem;
}

.wire-reader-split__img {
    object-fit: cover;
}
.wire-reader-split__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.spotlight-carousel-timeline__radial {
    background: radial-gradient(ellipse at 50% 50%, currentColor 0%, transparent 70%);
    opacity: 0.05;
}

@keyframes spotlight-carousel-timeline__slide-in {
    from { opacity: 0; transform: translateX(32px); }
    to { opacity: 1; transform: translateX(0); }
}

.spotlight-carousel-timeline__slide--hidden {
    display: none;
}

.spotlight-carousel-timeline__slide--visible {
    animation: spotlight-carousel-timeline__slide-in 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}

.spotlight-carousel-timeline__dot--active {
    width: 24px;
    height: 0.5rem;
    filter: brightness(1.05);
}

.spotlight-carousel-timeline__dot--idle {
    width: 8px;
    height: 0.5rem;
    filter: brightness(0.55);
}

.spotlight-carousel-timeline__accent {
    height: 4px;
    width: 3rem;
}

.spotlight-carousel-timeline__btn {
    width: 2.5rem;
    height: 2.5rem;
}