/* 딴짓 광고 자리 — 규칙·스위치는 ads.js 맨 위. 꺼져 있으면 자리는 아예 없다(display:none). */
.ad-slot { display: none; }

/* 켜졌을 때(ads.js가 <html class="ads-on"> + 단위 id 있는 자리에 .ad-ready) */
.ads-on .ad-slot.ad-ready {
  display: block; clear: both; position: relative; box-sizing: border-box;
  width: 100%; max-width: 970px; margin: 32px auto; padding: 0;
  text-align: center; contain: layout;
}
.ads-on .ad-slot.ad-ready:first-child { margin-top: 0; }
.ads-on .ad-slot .ad-label {
  display: block; margin: 0 0 4px; text-align: left;
  font: 400 11px/1.4 system-ui, -apple-system, sans-serif; letter-spacing: .04em;
  color: inherit; opacity: .55;
}
/* 높이를 미리 잡아 두어 광고가 들어와도 본문이 밀리지 않게(CLS) */
.ads-on .ad-slot ins.adsbygoogle { display: block; width: 100%; min-height: 280px; background: var(--ad-bg, rgba(127, 127, 127, .08)); }
@media (min-width: 768px) {
  .ads-on .ad-slot[data-ad="below-tool"] ins.adsbygoogle,
  .ads-on .ad-slot[data-ad="in-article"] ins.adsbygoogle { min-height: 250px; }
  .ads-on .ad-slot[data-ad="bottom"] ins.adsbygoogle { min-height: 100px; }
}
/* 채울 광고가 없으면 자리를 접는다 */
.ads-on .ad-slot ins.adsbygoogle[data-ad-status="unfilled"] { display: none !important; }
.ads-on .ad-slot:has(ins.adsbygoogle[data-ad-status="unfilled"]) { display: none; }

/* 장난감이 끈 모드: 전체 화면·녹화 등 */
body[data-ads-off] .ad-slot, .no-ads .ad-slot { display: none !important; }
@media print { .ad-slot { display: none !important; } }

/* 공용 바닥 링크(개인정보처리방침 · 소개) — 페이지 글꼴·색을 그대로 물려받는다 */
.site-foot { margin: 40px 0 0; font-size: 13px; line-height: 1.6; opacity: .75; }
.site-foot a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.site-foot .sep { margin: 0 .45em; }
