.middle-banner.ad-carousel {
    position: relative;
    margin: 20px 0;
    padding: 0;
    overflow: hidden;
    border-radius: 12px;
    background: #fff0dc;
    box-shadow: 0 4px 12px rgb(15 23 42 / 8%);
}
.ad-carousel > a {
    display: block;
    position: relative;
    /* Match the original 1180 × 100 advertising slot on every viewport. */
    aspect-ratio: 1180 / 100;
}
.ad-carousel .ad-art {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    opacity: 0;
    transition: opacity 650ms ease;
}
.ad-carousel .ad-art.is-active { opacity: 1; }
.ad-carousel .ad-art:first-child { object-position: center 48%; }
.ad-carousel > a:focus-visible { outline: 3px solid #0284c7; outline-offset: -4px; }
@media (prefers-reduced-motion: reduce) {
    .ad-carousel .ad-art { transition: none; }
}