/* 광고 칸 · 하우스 광고 (SPEC §5). 색은 style.css의 토큰만 쓴다(밝은·어두운 화면 모두).
   꺼져 있으면 칸은 hidden이라 높이도 여백도 없다. 켜져서 열릴 때만 "광고" 라벨과 높이 예약이 생긴다.
   칸은 버튼 줄·입력 폼에서 48px 이상 띄운다(실수로 누르는 것을 막는다). 고정(sticky/fixed) 광고는 없다. */

.ad-slot[data-slot] { display: block; margin-block: 48px; text-align: center; }
.ad-slot[hidden] { display: none !important; }

.ad-label { margin: 0 0 4px; color: var(--muted); font-size: var(--fs-s); line-height: 1.4; text-align: center; }

/* 높이 예약: 광고가 들어오면서 아래 글이 밀리지 않게 */
.ad-body { display: flex; align-items: center; justify-content: center; max-width: 100%; overflow-x: clip; }
.ad-slot[data-ad-kind="adsense"] .ad-body { min-height: 100px; }
.ad-slot[data-ad-kind="adfit"] .ad-body { min-height: 100px; } /* 320×100 */
.ad-slot[data-ad-kind="adsense"] ins.adsbygoogle { width: 100%; }

/* 하우스 광고: 광고가 안 채워질 때 스튜디오 소개(기본 꺼짐) */
.house-ad {
  display: flex; flex-direction: column; gap: 2px;
  width: 100%; min-height: var(--tap); padding: 14px 16px;
  background: var(--surface); color: var(--ink);
  border: 1px solid var(--line); border-left: 4px solid var(--fairway); border-radius: var(--radius);
  text-align: left; text-decoration: none; -webkit-tap-highlight-color: transparent;
}
.house-title { font-size: var(--fs-b); font-weight: 800; line-height: 1.4; }
.house-sub { color: var(--muted); font-size: var(--fs-s); line-height: 1.4; }
@media (hover: hover) {
  .house-ad:hover .house-title { text-decoration: underline; text-underline-offset: 3px; }
}