.br-ad{background:var(--brand-paper);border:1px solid var(--border-1);border-radius:var(--r-card);box-shadow:var(--shadow-card);overflow:hidden;margin:var(--sp-5) 0}
.br-ad__label{display:block;padding:5px 10px;border-bottom:1px solid var(--border-1);background:#FBFCFB;font:600 var(--fs-meta)/1 var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-2)}
.br-ad__creative{display:flex;align-items:center;justify-content:center;padding:var(--sp-3)}
.br-ad--top_leaderboard .br-ad__creative,.br-ad--wp_above_footer .br-ad__creative,.br-ad--forum_topiclist .br-ad__creative{min-height:90px}
.br-ad--wp_article_below .br-ad__creative,.br-ad--forum_rail .br-ad__creative,.br-ad--forum_instream .br-ad__creative{min-height:250px}
.br-ad--wp_article_sidebar .br-ad__creative{min-height:600px}
.br-ad__ins{width:100%}
.br-ad__creative img{display:block;max-width:100%;height:auto}
/* Perk placements (a partner offer earned by membership) wear the mint family
   rather than the grey ad chrome — still disclosed, but not dressed as bought
   inventory. */
.br-ad--kind-perk{border-color:var(--brand-mint-deep)}
.br-ad--kind-perk .br-ad__label{background:var(--brand-mint-pale);border-bottom-color:var(--brand-mint-deep);color:var(--brand-steel-dark)}
/* The rail ad stays on mobile — it stacks under the content (see .brd-shell--side).
   Mobile is most of this audience, and hiding it would mean a Founding Rat never sees
   their perk on a phone. The forum rail still goes: Discourse's timeline gutter has no
   mobile equivalent to stack into. */
@media (max-width:768px){.br-ad--forum_rail{display:none}}