/* ============================================================================
   AD SLOTS
   No min-height on any slot — AdSense controls its own height.
   Empty slots collapse to zero, no layout gaps when unfilled.
============================================================================ */

/* Ad slot label */
.ad-label {
    display: block;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--txt-dim, #888);
    text-align: center;
    margin-bottom: 4px;
}

/* In-content responsive slot — collapses when empty */
.ad-content-slot {
    margin: 16px 0;
    text-align: center;
}

/* Sidebar slot */
.ad-sidebar-slot {
    margin-top: 20px;
    text-align: center;
}

/* Mobile-only top ad (home page only — placed below hero in markup).
   Hidden on desktop. On non-hero pages the first .ad-content-slot
   serves this role naturally — no separate slot needed. */
.ad-mobile-top {
    display: none;
}
@media (max-width: 900px) {
    .ad-mobile-top {
        display: block;
        text-align: center;
    }
    /* Tighten content slot margins on mobile */
    .ad-content-slot {
        margin: 10px 0;
    }
}