/* Ad placements: sidebar and homepage slots, and the "Advertise with us" house ad. */
.ad-slot {
    margin: 24px auto;
    text-align: center;
}

.ad-slot img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    border-radius: 12px;
}

.ad-slot--sidebar {
    max-width: 300px;
    margin: 0 auto 28px;
}

.ad-slot--home {
    max-width: 970px;
    padding: 0 16px;
}

.ad-slot__code {
    min-height: 90px;
    overflow: hidden;
}

.ad-slot--house a::after {
    display: none !important;
}

.ad-house {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    gap: 6px;
    min-height: 90px;
    padding: 16px 20px;
    border: 1px dashed rgba(17, 17, 17, 0.25);
    border-radius: 14px;
    background: rgba(17, 17, 17, 0.03);
    color: #111;
    text-align: center;
    text-decoration: none;
}

.ad-house strong {
    font-size: 16px;
    letter-spacing: 0.01em;
}

.ad-house span {
    font-size: 13px;
    opacity: 0.7;
}

.ad-house:hover {
    background: rgba(17, 17, 17, 0.06);
    color: #111;
}

.ad-slot--sidebar .ad-house {
    min-height: 250px;
}

/* Unsold sidebar space: a slim text link, not a large empty box. */
.ad-slot--sidebar.ad-slot--house { min-height: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }
.ad-slot--sidebar.ad-slot--house .ad-house {
    display: block !important;
    min-height: 0 !important;
    padding: 10px 14px !important;
    border: 1px dashed #d7dce2 !important;
    border-radius: 6px;
    background: #fafafa !important;
    text-align: left !important;
}
.ad-slot--sidebar.ad-slot--house .ad-house strong { display: block; font-size: 13px; color: #0d1b2a; }
.ad-slot--sidebar.ad-slot--house .ad-house span { display: block; font-size: 12px; color: #6b7280; }
