/* Advertising stays inside its owning column; Google creative contents are never scaled. */
html body :is(.ca-display-ad,.ca-sponsor,.oa-ad-placement,.google-auto-placed){box-sizing:border-box;min-width:0;max-width:100%;position:relative}
html body :is(.ca-display-ad,.ca-sponsor,.oa-ad-placement){width:100%;border-radius:8px;box-shadow:inset 0 0 0 1px var(--line,#333);background-color:var(--panel,#121212);text-align:center;clear:both}
html body :is(.ca-display-ad,.ca-sponsor,.oa-ad-placement)>:is(picture,a){max-width:100%;box-sizing:border-box}
html body :is(.ca-display-ad,.ca-sponsor) :is(img,svg){max-width:100%;height:auto;object-fit:contain}
html body :is(.ca-display-ad,.ca-sponsor,.oa-ad-placement)>ins{position:relative;box-sizing:border-box;max-width:100%}
html body :is(.ca-display-ad,.oa-ad-placement)>ins:not(.ca-post-watch-fixed-unit):not(.ca-fixed-spotlight-ad):not(.ca-fixed-featured-ad){width:100%!important;max-width:100%!important}
/* One visible box when the theme replaces a saved placement. */
html body .oa-ad-placement:has(>.ca-display-ad){box-shadow:none;background:transparent;padding:0;border:0}
html body .ca-sponsor{padding:12px;margin-block:20px}
html body .ca-sponsor>span,html body .oa-ad-placement>.oa-ad-label{display:block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted,#999);margin:0 0 12px}
html body .google-auto-placed{width:100%!important;margin-inline:0!important}
@media(max-width:680px){html body :is(.ca-display-ad,.ca-sponsor,.oa-ad-placement){max-width:100%;margin-inline:0}}
/* Fixed rectangles cannot be requested in a column narrower than 300px. */
@container(max-width:299px){html body .ca-post-watch-fixed-ad{display:none!important}}
html body :is(.ca-post-watch-fixed-unit,.ca-fixed-spotlight-ad,.ca-fixed-featured-ad){min-width:300px!important;max-width:none}
