/* 신규 운세·궁합 페이지 공용 — 쿠팡 배너 + 공유 버튼
   각 페이지의 테마 변수(--panel, --gold-line 등)를 상속받아 색이 자동으로 맞는다. */

.cp-carousel { margin-top: 24px; }
.cp-head {
  text-align: center; font-family: var(--serif, serif); font-weight: 700;
  font-size: 15px; color: var(--gold-deep, var(--rose-deep, #8a6526)); margin-bottom: 12px;
}
#cpBanner { width: 100%; max-width: 420px; margin: 0 auto; display: flex; justify-content: center; }
#cpBanner iframe, #cpBanner > div { max-width: 100%; border-radius: 6px; }
.cp-notice {
  margin: 0 auto 12px; text-align: center; font-size: 11.5px; line-height: 1.6;
  color: var(--faint, #b0a189); word-break: keep-all;
}

/* 페이지 동작 버튼(다시 뽑기 등)과 공유 버튼을 한 덩어리로 모아 둔다.
   여기저기 흩어져 있으면 무엇을 눌러야 할지 한눈에 안 들어온다. */
.acts { display: grid; gap: 9px; margin-top: 16px; }
@media (min-width: 420px) { .acts { grid-template-columns: 1fr 1fr; } }
.acts .act {
  display: block; text-align: center; text-decoration: none;
  padding: 14px; border-radius: 14px; border: none; cursor: pointer; width: 100%;
  font-family: var(--serif, serif); font-weight: 700; font-size: 15px;
  background: var(--panel, #fff);
  color: var(--gold-deep, var(--rose-deep, #8a6526));
  border: 1px solid var(--gold-line, var(--line, rgba(0, 0, 0, .12)));
}
/* 주 동작(다시 뽑기 등)은 한 줄 전체를 쓰고 색으로 구분한다 */
.acts .act-main {
  grid-column: 1 / -1; border: none; color: #fff6e8;
  background: linear-gradient(135deg, var(--seal, #c9587a), var(--seal-lt, #c14e50));
}
.acts .act-kakao { background: #fee500; color: #2c1d00; border: none; }