/* ─── Base ─────────────────────────────────────────── */
body {
    font-family: Segoe UI, system-ui, Arial, sans-serif;
    margin: 0;
    padding: 0;
    background: #fff;
    color: #222;
}

/* ─── Ad containers ────────────────────────────────── */
.ad-unit {
    text-align: center;
    background: #f8f9fa;
    border-top: 1px solid #e9ecef;
    border-bottom: 1px solid #e9ecef;
    padding: 10px 8px;
    overflow: hidden;
}

/* Label above every ad unit */
.ad-unit::before {
    content: 'Advertisement';
    display: block;
    font-size: 10px;
    color: #aaa;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 6px;
}

.ad-top    { margin-bottom: 0; }
.ad-bottom { margin-top: 0;    }

/* In-content ad — centred, limited width */
.ad-inline {
    margin: 20px auto;
    max-width: 336px;   /* common rectangle width */
    border-radius: 6px;
    border: 1px solid #e9ecef;
}

/* ─── Footer ───────────────────────────────────────── */
.site-footer {
    max-width: 1100px;
    margin: 32px auto 24px;
    padding: 16px;
    color: #888;
    font-size: 0.85rem;
    border-top: 1px solid #eee;
}