/**
 * Informado V15 advertising layer.
 *
 * Empty public slots do not exist in the DOM. Geometry below therefore applies
 * only when a trusted provider returns real content or in the private QA lab.
 */

.informado-ad-slot {
    --informado-ad-frame-min-height: 5.625rem;
    width: 100%;
    max-width: 100%;
    margin: clamp(1.5rem, 3vw, 2.5rem) auto;
    color: var(--informado-color-muted);
    text-align: center;
}

.informado-ad-slot__label {
    display: block;
    margin: 0 0 0.45rem;
    font-size: 0.66rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.informado-ad-slot__frame {
    width: 100%;
    min-width: 0;
    min-height: var(--informado-ad-frame-min-height);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-inline: auto;
    overflow: hidden;
}

.informado-ad-slot--filled .informado-ad-slot__frame {
    contain: layout paint;
}

.informado-ad-slot--placeholder .informado-ad-slot__frame {
    border: 1px solid var(--informado-color-border);
    background: var(--informado-color-surface);
}

.informado-ad-slot__size {
    font-size: var(--informado-font-size-xs);
}

.informado-ad-slot__content {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    margin: 0 auto;
}

.informado-ad-slot__content > :first-child {
    margin-top: 0;
}

.informado-ad-slot__content > :last-child {
    margin-bottom: 0;
}

.informado-ad-slot__content img,
.informado-ad-slot__content iframe,
.informado-ad-slot__content video,
.informado-ad-slot__content object,
.informado-ad-slot__content embed,
.informado-ad-slot__content ins {
    max-width: 100%;
}

.informado-ad-slot__content img,
.informado-ad-slot__content video {
    height: auto;
}

.informado-ad-slot--leaderboard,
.informado-ad-slot--article {
    max-width: 60.625rem;
}

.informado-ad-slot--leaderboard {
    --informado-ad-frame-min-height: 5.625rem;
}

.informado-ad-slot--article {
    --informado-ad-frame-min-height: 5.625rem;
    max-width: 45.5rem;
    margin-block: clamp(2rem, 4vw, 3rem);
}

.informado-ad-slot--rectangle {
    --informado-ad-frame-min-height: 15.625rem;
    max-width: 18.75rem;
}

.informado-global-ad {
    width: 100%;
}

.informado-global-ad .informado-ad-slot {
    margin-block: clamp(1rem, 2vw, 1.75rem);
}

.informado-global-ad--header {
    border-bottom: 1px solid transparent;
}

.site-footer__ad {
    padding-top: clamp(1.5rem, 3vw, 2.5rem);
}

.site-footer__ad .informado-ad-slot {
    margin-top: 0;
    margin-bottom: 0;
}

.informado-home-ad-only,
.informado-home-inline-ad,
.informado-home-bottom-ad,
.informado-category-ad,
.informado-breaking-bottom-ad,
.informado-opinion-ad {
    min-width: 0;
}

.informado-home-inline-ad,
.informado-category-ad--inline,
.informado-opinion-ad {
    margin-block: clamp(2rem, 5vw, 4.5rem);
}

.informado-single-content > .informado-ad-slot {
    max-width: 100%;
}

@media (max-width: 47.99rem) {
    .informado-ad-slot {
        margin-block: 1.5rem;
    }

    .informado-ad-slot--leaderboard,
    .informado-ad-slot--article {
        --informado-ad-frame-min-height: 6.25rem;
    }

    .informado-ad-slot--rectangle {
        --informado-ad-frame-min-height: 15.625rem;
        width: min(100%, 18.75rem);
    }

    .informado-ad-slot__label {
        font-size: 0.625rem;
    }

    .informado-global-ad--header .informado-container,
    .site-footer__ad.informado-container {
        width: min(calc(100% - 2rem), var(--informado-container-max));
    }
}

@media (prefers-reduced-motion: reduce) {
    .informado-ad-slot,
    .informado-ad-slot * {
        scroll-behavior: auto !important;
    }
}