/**
 * Shared ad placeholders: below main nav, sidebar, between quiz questions, mid recommended grid.
 * Linked from home, quiz, and result pages.
 */

.site-ad-below-nav {
  background: var(--page-bg, #f5f5f5);
  border-bottom: 1px solid var(--border, #e8e8e8);
}

.site-ad-below-nav__max {
  max-width: var(--max, 1180px);
  margin: 0 auto;
  padding: 0.65rem clamp(0.65rem, 4vw, 1.25rem) 0.85rem;
}

.site-ad-below-nav__box {
  background: #fff;
  border-radius: 12px;
  border: 2px dashed #e0e0e0;
  min-height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  color: #c8c8c8;
}

.site-sidebar-ad {
  margin-top: 1rem;
}

.site-sidebar-ad__box {
  border: 2px dashed #e0e0e0;
  border-radius: 10px;
  background: #fafafa;
  min-height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  color: #bbb;
}

.quiz-between-ad {
  margin: 1rem 0;
  padding: 0 0.15rem;
}

.quiz-between-ad__box {
  border: 2px dashed #e0e0e0;
  border-radius: 10px;
  background: linear-gradient(180deg, #fffefb, #faf8f5);
  min-height: 88px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  color: #c5c5c5;
}

.rec-grid--split-ad {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}

.rec-grid__ad-row {
  grid-column: 1 / -1;
}

.rec-grid__ad-inner {
  border: 2px dashed #e0e0e0;
  border-radius: 12px;
  background: #fff;
  min-height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  color: #c8c8c8;
}

.rec-grid-empty {
  margin: 0;
  text-align: center;
  font-size: 0.88rem;
  color: var(--muted, #666);
}