/* ============================================================
IN-CONTENT ADSENSE WRAPPER & CLS PREVENTION (ads.css)
============================================================ */

.in-content-ad-wrapper {
    margin: 2.25rem auto;
    text-align: center;
    max-width: 100%;
    clear: both;
    position: relative;
    /* Reserving min-height prevents Cumulative Layout Shift (CLS) when ad renders */
    min-height: 250px;
    background: #f8fafc;
    border: 1px dashed #e2e8f0;
    border-radius: 8px;
    padding: 12px 8px 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

/* Subtle disclosure label */
.ad-disclosure-label {
    display: block;
    font-size: 0.68rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #94a3b8;
    margin-bottom: 6px;
    font-weight: 600;
    user-select: none;
}

/* Ensure the ins element fills the available width safely */
.in-content-ad-wrapper .adsbygoogle {
    width: 100%;
    min-height: 250px;
    margin: 0 auto;
}

/* Mobile fine-tuning */
@media (max-width: 600px) {
    .in-content-ad-wrapper {
        margin: 1.75rem auto;
        min-height: 250px;
        padding: 8px 4px 4px;
    }
}