/* Sponsor / advertisement slots. A slot stays collapsed until js/sponsors.js
   fills it, so an empty (no-sponsor) slot never leaves a gap. */

.sponsor-slot {
    width: 100%;
    max-width: 760px;
    margin: 16px auto;
    padding: 0 16px;
    box-sizing: border-box;
    text-align: center;
}

.sponsor-slot:empty {
    display: none;
}

.sponsor-label {
    display: block;
    font-size: 11px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #aaa;
    font-family: 'Inter', system-ui, sans-serif;
    margin-bottom: 4px;
}

.sponsor-ad {
    display: inline-block;
    line-height: 0;
}

.sponsor-ad img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    display: block;
}