/* Website Ads -- image banner zones rendered via templates/macros/ads.html's
   ad_zone() macro. Only present on a page/section at all when at least one
   active Advertisement targets that page+zone (see app.py's ads_for_zone()
   Jinja global), so this file is harmless to load unconditionally. */

.sk-ad-zone {
    position: relative;
    width: 100%;
    max-width: 1200px;
    margin: 1.5rem auto;
    overflow: hidden;
    border-radius: 10px;
}

.sk-ad-slide {
    display: none;
}

.sk-ad-slide.active {
    display: block;
    animation: sk-ad-fade-in 0.6s ease;
}

.sk-ad-slide img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 10px;
}

@keyframes sk-ad-fade-in {
    from { opacity: 0; }
    to { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
    .sk-ad-slide.active {
        animation: none;
    }
}