/* ============================================================
   Orbace Sudoku — ad slot styling for static editorial pages (R7, site
   re-imagined v2). Mirrors the SPA's .v1-home-ad-* visual pattern
   (label + reserved placeholder + <ins> + house-ad fallback) on
   tokens.css instead of styles.css, since static pages don't load the
   SPA's stylesheet. Loaded only on pages that actually carry a
   .static-ad-slot (see build-pages.mjs's extraCss per-page list).
   ============================================================ */
.static-ad-slot {
  max-width: var(--measure-max, 72rem);
  margin: 2.5rem auto;
  padding: 0 1.5rem;
}
.static-ad-label {
  margin-bottom: .5rem;
  color: var(--text-secondary);
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  text-align: center;
}
.static-ad-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 90px;
  border: 1px dashed var(--line-forest);
  border-radius: .5rem;
  color: var(--text-secondary);
  font-size: .85rem;
}
.static-ad-ins { display: none; width: 728px; max-width: 100%; height: 90px; text-align: center; }
.static-ad-house {
  display: none;
  align-items: center;
  justify-content: center;
  gap: .9rem;
  flex-wrap: wrap;
  min-height: 90px;
  padding: 1rem;
  border: 1px solid var(--line-forest);
  border-radius: .5rem;
  background: var(--surface-tea);
  text-align: center;
}
.static-ad-house-brand { font-family: var(--font-cjk); font-weight: 700; color: var(--brand-forest-dark); }
.static-ad-house-tag { color: var(--text-secondary); font-size: .85rem; }
.static-ad-house-cta {
  padding: .45rem .8rem;
  border: 1px solid var(--brand-forest);
  border-radius: .35rem;
  color: var(--brand-forest);
  font-size: .85rem;
  font-weight: 700;
  text-decoration: none;
}
.static-ad-house-cta:hover { color: #fff; background: var(--brand-forest); }