/* 2026-10-07 adrail (그록 봇): 세로 광고 레일. templates_blog/_cd_adrail.html + /page/js/cd_adrail.js
   기본은 숨김(모바일·태블릿·좁은 데스크톱). :has() 미지원 브라우저도 숨김 → 광고 요청 없음.
   - 블로그 글   ≥1280px: 본문 920px 그대로, 오른쪽 40px 간격 + 160px 레일 (≥1600px: 300px 레일)
   - 블로그 목록 ≥1600px: 목록 폭은 그대로, 본문 영역 바깥 오른쪽 여백(24px 간격)에 160px 레일
   - UP 글/목록  ≥1280px: 기존 오른쪽 사이드바(280px) 맨 아래, 기존 사각 광고는 sticky 해제 → 레일만 sticky
   고정 헤더 113px → sticky top 133px. 자리 확보 min-height 600px (CLS 방지) */
.cd-adrail{display:none}
.cd-adrail__stick{position:-webkit-sticky;position:sticky;top:133px}
.cd-adrail__lbl{display:block;margin:0 0 6px;font-size:.72rem;font-weight:700;letter-spacing:.04em;color:#94a3b8;text-align:center}
.cd-adrail__box{min-height:600px;border-radius:12px;background:#f8fafc;overflow:hidden}
.cd-adrail__ins{width:100%;min-height:600px}
@supports selector(:has(*)) {
  @media (min-width:1280px) {
    .blog-area:has(> .cd-adrail--post){position:relative;max-width:1160px;padding-right:220px}
    .blog-area > .cd-adrail--post{display:block;position:absolute;top:16px;right:20px;bottom:64px;width:160px}
    .up-side:has(> .cd-adrail--side){align-self:stretch}
    .up-side:has(> .cd-adrail--side) .up-side__ad{position:static}
    .up-side > .cd-adrail--side{display:block;margin-top:32px}
    .up-side > .cd-adrail--side .cd-adrail__box{width:160px;margin:0 auto}
  }
  @media (min-width:1600px) {
    .blog-area:has(> .cd-adrail--post){max-width:1300px;padding-right:360px}
    .blog-area > .cd-adrail--post{width:300px}
    .blog-area:has(> .cd-adrail--list){position:relative}
    .blog-area > .cd-adrail--list{display:block;position:absolute;top:16px;bottom:64px;left:calc(100% + 24px);width:160px}
  }
}
@media print{.cd-adrail{display:none!important}}