/* 광고 슬롯. 레이아웃 흔들림(CLS) 방지를 위해 높이를 미리 확보한다. */
.vl-ad {
  display: block;
  width: 100%;
  min-height: 100px;
  margin: 24px auto;
  text-align: center;
  overflow: hidden;
}
.vl-ad-adfit { max-width: 320px; }
.vl-ad-adsense { min-height: 120px; }
[data-ad-slot] { display: block; width: 100%; }
[data-ad-slot][hidden], .vl-ad[hidden] { display: none; }

/* 광고 미연동 자리: 종이 위 점선 상자 + "광고" 라벨. 슬롯(.vl-ad)에도 같은 클래스가 붙으므로 안쪽 상자만 꾸민다. */
.vl-ad-placeholder:not(.vl-ad) {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100px;
  border: 1.5px dashed var(--vl-border, #ccc);
  border-radius: var(--vl-radius, 16px);
  color: var(--vl-text-faint, #999);
  font-size: 0;
  background: transparent;
}
.vl-ad-placeholder:not(.vl-ad)::before {
  content: "광고";
  padding: 2px 10px;
  border-radius: 999px;
  background: var(--vl-surface-2, #eee);
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: .05em;
}