/*
Theme Name: Capepool Renewal
Theme URI: https://capepool.com/
Description: Capepool 자식 테마 — 기존 데이터·라우트는 보존하고 홈 이미지, 카드 피드백, 광고 CLS를 보정합니다.
Author: capepool
Template: capepool
Version: 2.0.2
Requires PHP: 8.0
License: GPL-2.0-or-later
Text Domain: capepool-renewal
*/

/* Google 자동광고가 목록 UL 안에 div를 여러 개 삽입해 0.12~0.24 CLS를 냈다.
   기존 수동 인피드·디스플레이·멀티플렉스 슬롯(.cp-ad)은 이 선택자에 해당하지 않는다. */
.lecpage .google-auto-placed {
  display: none !important;
}

.hero-media--renewal {
  margin-top: 30px;
  border-color: var(--c1-line);
  background: var(--c1-tint);
}
.hero-media--renewal img {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  object-position: center 54%;
}

.card,
.pcard,
.topic-card,
.region-card,
.btn,
.gulist-i,
.catlist-i {
  transition: transform 180ms ease, border-color 180ms ease, background-color 180ms ease;
}
@media (hover: hover) {
  .card:hover,
  .pcard:hover,
  .topic-card:hover,
  .region-card:hover {
    transform: translateY(-2px);
    border-color: var(--c1-line);
  }
  .btn:hover,
  .gulist-i:hover,
  .catlist-i:hover { transform: translateY(-1px); }
}

.renewal-motion {
  opacity: .985;
  transform: translateY(6px);
  transition: opacity 180ms ease, transform 180ms ease;
}
.renewal-motion.is-visible {
  opacity: 1;
  transform: none;
}

.renewal-related {
  margin-top: 32px;
  padding-top: 24px;
  border-top: 1px solid var(--line);
}

.cp-answer {
  margin: 0 0 28px;
  padding: 18px 20px;
  border-left: 4px solid var(--c2);
  border-radius: 0 var(--radius) var(--radius) 0;
  background: var(--c2-tint);
}
.cp-answer p { margin: 6px 0 0; }
.cp-checked {
  color: var(--fg-mute);
  font-size: 14px;
}
.cp-table-scroll { margin: 24px 0; }
.cp-table-scroll .table-wrap { margin: 0; }
.entry-content table a {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
}
.site-footer summary {
  display: flex;
  min-height: 44px;
  align-items: center;
}
.renewal-related__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.renewal-related__grid a {
  display: flex;
  min-height: 52px;
  align-items: center;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  text-decoration: none;
}

@media (max-width: 600px) {
  .hero-media--renewal { margin-top: 24px; }
  .hero-media--renewal img { aspect-ratio: 16 / 10; }
  .renewal-related__grid { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
  .renewal-motion { opacity: 1; transform: none; }
}