/* 맨 위 광고 자리 (2026-10-08) — ad-slot.js 가 계약이 있을 때만 채운다. 375px 첫 화면에 일반 목록 첫 줄이 보이도록 휴대폰은 가로형 */
#pk-ad[hidden] { display: none !important; }
#pk-ad { margin: 0 0 8px; }
#pk-ad .ad-note { margin: 0 0 8px; font-size: 12px; color: var(--muted); word-break: keep-all; }
#pk-ad .ad-card { display: grid; grid-template-columns: 280px 1fr; border: 1px solid var(--brand); border-radius: var(--radius-lg); overflow: hidden; background: #fff; }
#pk-ad .ad-photos { position: relative; height: 172px; overflow: hidden; background: #eee; }
#pk-ad .ad-track { display: flex; height: 100%; transition: transform .76s cubic-bezier(.22,.61,.36,1); }
#pk-ad .ad-track img { flex: 0 0 100%; width: 100%; height: 100%; object-fit: cover; display: block; }
#pk-ad .ad-badge { position: absolute; left: 10px; top: 10px; z-index: 2; background: rgba(0,0,0,.55); color: #fff; font-size: 12px; padding: 3px 9px; border-radius: var(--radius-full); }
#pk-ad .ad-dots { position: absolute; left: 0; right: 0; bottom: 10px; display: flex; justify-content: center; gap: 5px; z-index: 2; }
#pk-ad .ad-dots i { width: 6px; height: 6px; border-radius: 99px; background: rgba(255,255,255,.6); }
#pk-ad .ad-dots i.on { width: 16px; background: #fff; }
#pk-ad .ad-body { padding: 14px 16px; min-width: 0; }
#pk-ad .ad-label { margin: 0; font-size: 12px; font-weight: 700; color: var(--brand-deep); }
#pk-ad .ad-name { margin: 2px 0 4px; font-size: 19px; line-height: 1.35; }
#pk-ad .ad-meta { margin: 0 0 6px; font-size: 13px; color: var(--muted); }
#pk-ad .ad-intro { margin: 0 0 10px; padding-left: 10px; border-left: 3px solid var(--brand-deep); font-size: 15px; word-break: keep-all; }
#pk-ad .ad-home { display: block; text-align: center; height: 44px; line-height: 44px; border-radius: var(--radius-btn); background: var(--brand-deep); color: #fff; font-weight: 700; text-decoration: none; max-width: 420px; }
#pk-ad .ad-row { display: flex; gap: 8px; margin-top: 8px; max-width: 420px; }
#pk-ad .ad-row a { flex: 1; height: 44px; line-height: 44px; text-align: center; border-radius: var(--radius-btn); font-weight: 700; font-size: 15px; text-decoration: none; }
#pk-ad .ad-call { background: var(--accent); color: #fff; }
#pk-ad .ad-web { border: 1px solid var(--brand-deep); color: var(--brand-deep); background: #fff; }
#pk-ad .ad-card + .ad-card { margin-top: 8px; }
@media (min-width: 640px) { #pk-ad .ad-body { padding: 10px 16px; } #pk-ad .ad-intro { margin-bottom: 8px; } #pk-ad .ad-home { display: none; } #pk-ad .ad-row a.ad-home-m { display: block; background: var(--brand-deep); color: #fff; } #pk-ad .ad-row { margin-top: 0; } }
#pk-ad .ad-after { margin: 10px 0 12px; font-size: 12px; color: var(--muted); }
@media (max-width: 639px) {
  #pk-ad .ad-note { font-size: 11px; margin-bottom: 6px; }
  #pk-ad .ad-card { grid-template-columns: 96px 1fr; }
  #pk-ad .ad-photos { height: auto; min-height: 0; }
  #pk-ad .ad-badge { left: 4px; top: 4px; font-size: 11px; padding: 2px 6px; }
  #pk-ad .ad-badge-x { display: none; }
  #pk-ad .ad-dots { display: none; }
  #pk-ad .ad-body { padding: 8px 10px 10px; }
  #pk-ad .ad-label { font-size: 11px; }
  #pk-ad .ad-card:not(.no-photo) .ad-label { display: none; }
  #pk-ad .ad-card + .ad-card { margin-top: 6px; }
  #pk-ad .ad-name { font-size: 16px; margin: 0 0 2px; }
  #pk-ad .ad-meta { display: none; }
  #pk-ad .ad-intro { font-size: 13px; margin: 0 0 8px; padding-left: 8px; border-left-width: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  #pk-ad .ad-home { display: none; }
  #pk-ad .ad-row { margin-top: 0; }
  #pk-ad .ad-row a { height: 44px; line-height: 44px; font-size: 14px; }
  #pk-ad .ad-row a.ad-home-m { background: var(--brand-deep); color: #fff; }
  #pk-ad .ad-after { display: none; }
  #pk-ad { margin-bottom: 14px; padding-bottom: 12px; border-bottom: 1px solid #EEE9E2; }
  #pk-ad .ad-note .ad-note-x { display: none; }
  #pk-ad .ad-body { padding: 6px 10px 8px; }
  #pk-ad .ad-intro { margin-bottom: 6px; }
}
#pk-ad .ad-card.no-photo { grid-template-columns: 1fr; }
@media (max-width: 639px) { #pk-ad .ad-row a.ad-home-m { display: block; } #pk-ad .ad-row a.ad-web { flex: 0 0 auto; padding: 0 10px; } }
/* 가이드 글 안(합의T) — 본문 흐름 사이, 위아래 여백 */
#pk-ad[data-ctx="guide"] { margin: 28px 0; }
#pk-ad[data-ctx="guide"] .ad-name { margin-top: 0; }
/* 미리보기의 누를 수 없는 버튼(span) — a 와 같은 모양 */
#pk-ad .ad-row span { flex: 1; height: 44px; line-height: 44px; text-align: center; border-radius: var(--radius-btn); font-weight: 700; font-size: 15px; }
#pk-ad .ad-row span.ad-home-m { background: var(--brand-deep); color: #fff; }