body { padding-bottom: var(--ad-bottom-space, 0px); }
.ad-placement, .ad-rail { min-width: 0; width: 100%; text-align: center; margin-block: 2rem; }
.ad-placement { min-height: calc(var(--ad-height, 0px) + 28px); }
.ad-label { display: block; color: var(--muted); font: .625rem/20px Arial, sans-serif; letter-spacing: .06em; margin-bottom: 8px; }
.ad-creative { display: block; border: 0; margin-inline: auto; max-width: 100%; }
.ad-rail { display: none; margin: 0; position: sticky; top: calc(var(--header-height) + 1.5rem); }
.ad-sticky { position: fixed; z-index: 20; bottom: max(4px, env(safe-area-inset-bottom)); left: max(16px, env(safe-area-inset-left)); right: max(16px, env(safe-area-inset-right)); margin: 0; text-align: center; pointer-events: none; }
.ad-sticky .ad-label { width: max-content; padding-inline: 8px; background: var(--bg); margin-inline: auto; margin-bottom: 0; }
.ad-sticky .ad-creative { pointer-events: auto; background: var(--surface); }
.ad-sponsored { width: min(calc(100% - 2rem), 54rem); margin: 2rem auto; font-size: .75rem; text-align: center; }
@media (min-width: 1280px) { .ad-rail { display: block; } .ad-rail[data-ad-rail=left] { grid-column: 1; grid-row: 1; } .ad-rail[data-ad-rail=right] { grid-column: 3; grid-row: 1; } }