/* ============ ADVERTISING (Google AdSense) ============
   Intentionally minimal and undecorated — no card border/background/shadow — so an ad slot
   never reads as a Dykho feature, a missing-person card, or a search result. Reuses theme.css
   tokens only for the label color, matching the site's existing spacing rhythm (.section-head
   etc. use similar vertical margins). See ViewComponents/AdSlotViewComponent.cs for placement
   rules and CLAUDE.md's "Dykho AdSense / Monetization Architecture" section for the full policy. */

.ad-slot {
  max-width: 100%;
  margin: 40px auto;
  padding: 0;
  text-align: center;
  overflow: hidden; /* an oversized creative should never cause horizontal scroll */
}

.ad-slot__label {
  display: block;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--gray-600);
  margin-bottom: 8px;
}

.ad-slot .adsbygoogle {
  min-height: 100px; /* reserves space before the creative loads, to limit layout shift (CLS) */
  margin: 0 auto;
}

@media (max-width: 480px) {
  .ad-slot {
    margin: 28px auto;
  }
}