/* D4-535: 광고 요청과 분리된 Dev 전용 반응형 광고 공간. */
.ad-layout-slot[hidden] { display: none !important; }
.ad-layout-slot { min-width: 0; }
.ad-layout-placeholder {
  display: grid;
  width: 100%;
  min-height: 112px;
  border: 1px dashed rgb(151 151 151 / 28%);
  border-radius: 4px;
  color: #77736e;
  background: #0e0e0e;
  place-items: center;
  align-content: center;
  gap: 7px;
  font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
  letter-spacing: .08em;
}
.ad-layout-placeholder strong { color: #8a8680; font-size: .78rem; font-weight: 700; }
.ad-layout-placeholder small { color: #625f5b; font-size: .66rem; }
.ad-layout-slot--rail,
.ad-layout-slot--mobile { display: none; }

@media (max-width: 767px) {
  body.ad-layout-preview .ad-layout-slot--mobile:not([hidden]) { display: block; margin-top: 18px; }
  body.ad-layout-preview .ad-layout-slot--mobile .ad-layout-placeholder { min-height: 112px; }
}


/* D4-433: external letterbox, not an analysis grid column. */
.external-ad-rail {
  position: absolute;
  top: 24px;
  bottom: 24px;
  right: 12px;
  width: var(--external-rail-width, 300px);
}
.external-ad-rail .ad-layout-placeholder {
  position: sticky;
  top: 24px;
  min-height: 600px;
}
@media (min-width: 768px) {
  body.ad-layout-preview .external-ad-rail:not([hidden]) { display: block; }
}