/* Opening stories. All five articles remain readable without JavaScript. */
body.pallavolo-editorial-homepage .pv-spotlight .pv-lead-story {
    display: block;
    min-width: 0;
}
body.pallavolo-editorial-homepage .pv-spotlight .pv-lead-story__image {
    aspect-ratio: 2.15 / 1;
    min-height: 0;
}
body.pallavolo-editorial-homepage .pv-spotlight .pv-lead-story__image img {
    height: 100%; width: 100%; object-fit: cover; object-position: center 40%;
}
body.pallavolo-editorial-homepage .pv-spotlight .pv-lead-story__content { padding: 17px 0 0; }
body.pallavolo-editorial-homepage .pv-spotlight .pv-lead-story__content:first-child { padding-top: 0; }
.pv-spotlight__controls[hidden] { display: none; }
body.pallavolo-editorial-homepage .pv-spotlight:not(.is-carousel) .pv-lead-story:not(:first-child) {
    align-items: start; display: grid; grid-template-columns: minmax(95px, 23%) minmax(0, 1fr); gap: 18px;
    margin: 0 0 18px; padding: 0 0 18px;
}
body.pallavolo-editorial-homepage .pv-spotlight:not(.is-carousel) .pv-lead-story:not(:first-child) .pv-lead-story__image { aspect-ratio: 4 / 3; }
body.pallavolo-editorial-homepage .pv-spotlight:not(.is-carousel) .pv-lead-story:not(:first-child) .pv-lead-story__content { padding: 0; }
body.pallavolo-editorial-homepage .pv-spotlight:not(.is-carousel) .pv-lead-story:not(:first-child) h2 { font-size: 21px; }
.pv-spotlight:not(.is-carousel) .pv-lead-story:not(:first-child) .pv-text-link { display: none; }
@media (max-width: 767px) {
    body.pallavolo-editorial-homepage .pv-spotlight .pv-lead-story:first-child .pv-lead-story__image {
        /* Extend only the lead photo into the main column's 18px side gutters. */
        margin-inline: -18px; aspect-ratio: 16 / 10;
    }
}
@media (min-width: 992px) {
    .pv-spotlight.is-carousel { border-bottom: 1px solid var(--pv-line); margin-bottom: 27px; }
    .pv-spotlight.is-carousel .pv-spotlight__slides { display: grid; }
    body.pallavolo-editorial-homepage .pv-spotlight.is-carousel .pv-lead-story {
        grid-area: 1 / 1; border: 0; padding: 0; margin: 0; visibility: hidden;
    }
    body.pallavolo-editorial-homepage .pv-spotlight.is-carousel .pv-lead-story.is-current { visibility: visible; }
    .pv-spotlight__controls:not([hidden]) {
        align-items: center; display: flex; gap: 6px; justify-content: flex-end; padding: 12px 0 15px;
    }
    .pv-spotlight__counter { margin-right: auto; color: var(--pv-muted); font: 700 13px/1.2 'Open Sans', sans-serif; letter-spacing: .08em; }
    body.pallavolo-editorial-homepage .pv-spotlight__controls button {
        display: grid; place-items: center; min-width: 44px; min-height: 40px; margin: 0; padding: 6px 12px;
        border: 1px solid #bbc9d4; border-radius: 3px; background: white; color: var(--pv-navy) !important;
        font: 700 19px/1 'Open Sans', sans-serif; cursor: pointer; text-transform: none;
    }
    body.pallavolo-editorial-homepage .pv-spotlight__controls [data-action="play"] { min-width: 76px; font-size: 13px; }
    body.pallavolo-editorial-homepage .pv-spotlight__controls button:hover,
    body.pallavolo-editorial-homepage .pv-spotlight__controls button:focus-visible { color: white !important; background: var(--pv-navy); }
    .pv-spotlight__controls button:focus-visible { outline: 3px solid var(--pv-gold); outline-offset: 2px; }
}
