/* 띠 계산기: 탄생 카드 계산기의 판·버튼·구역 디자인(tarot-birth-card.css의 bc-*)을 그대로 쓰고, 띠 배지·기준 비교·띠별 연도표만 더해요. */
body.zodiac-page .zc-hero .bc-hero-art img{object-position:50% 22%}
body.zodiac-page .zc-fields{grid-template-columns:1.3fr 1fr 1fr}
body.zodiac-page .zc-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--bc-gold)}
body.zodiac-page .zc-icon svg{width:100%;height:100%}

/* 결과 왼쪽: 빛나는 원 안의 띠 아이콘 + 색깔 이름 */
body.zodiac-page .zc-badge{display:flex;flex-direction:column;align-items:center;gap:14px;padding:26px 12px;border:1px solid var(--bc-line);border-radius:16px;background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--bc-gold) 18%,transparent),transparent 62%),var(--bc-soft);text-align:center;animation:bc-reveal .6s ease-out}
body.zodiac-page .zc-badge .zc-icon{width:120px;height:120px;padding:22px;border:1px solid color-mix(in srgb,var(--bc-gold) 55%,transparent);border-radius:50%;box-shadow:0 0 48px color-mix(in srgb,var(--bc-gold) 25%,transparent)}
body.zodiac-page .zc-badge .zc-icon svg{stroke-width:1.3}
body.zodiac-page .zc-badge b{font-size:15px;font-weight:700;letter-spacing:.02em;color:var(--bc-ink)}
@media (prefers-reduced-motion:reduce){body.zodiac-page .zc-badge{animation:none}}

/* 설날·입춘 기준 비교 */
body.zodiac-page .zc-basis{margin:14px 0 4px;padding:16px 18px;border:1px solid color-mix(in srgb,var(--bc-rose) 55%,var(--bc-line));border-radius:14px;background:color-mix(in srgb,var(--bc-rose) 8%,transparent)}
body.zodiac-page .zc-basis[hidden],body.zodiac-page .zc-hint[hidden],body.zodiac-page .bc-growth[hidden]{display:none}
body.zodiac-page .zc-basis h3{margin:0 0 8px;font-size:14px;font-weight:700;color:var(--bc-ink)}
body.zodiac-page .zc-basis ul{display:grid;gap:4px;margin:0 0 8px;padding:0 0 0 18px}
body.zodiac-page .zc-basis li{font-size:14px;line-height:1.7;color:var(--bc-ink)}
body.zodiac-page .bc-result .zc-basis p,body.zodiac-page .bc-result .zc-hint{margin:0;font-size:12.5px;line-height:1.75;color:var(--bc-muted)}
body.zodiac-page .bc-result .zc-hint{margin:12px 0 0;padding:12px 14px;border-radius:12px;background:var(--bc-soft)}
body.zodiac-page .bc-actions .zc-paid{border-color:var(--bc-gold);color:var(--bc-gold);font-weight:700}

/* 띠별 출생 연도표: 12칸 */
body.zodiac-page .zc-signs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
body.zodiac-page .zc-signs li{margin:0}
body.zodiac-page .zc-signs a{display:flex;flex-direction:column;gap:8px;height:100%;padding:18px;border:1px solid var(--bc-line);border-radius:16px;background:var(--bc-panel);color:var(--bc-ink);text-decoration:none;transition:border-color .2s ease,transform .2s ease}
body.zodiac-page .zc-signs a:hover{border-color:var(--bc-gold);transform:translateY(-2px)}
body.zodiac-page .zc-signs a:focus-visible{outline:2px solid var(--bc-gold);outline-offset:2px}
body.zodiac-page .zc-signs .zc-icon{width:34px;height:34px}
body.zodiac-page .zc-signs h3{margin:0;font-size:16px;font-weight:700;color:var(--bc-ink)}
body.zodiac-page .zc-years{display:flex;flex-wrap:wrap;gap:4px 8px;margin:0;font-size:12.5px;line-height:1.6;color:var(--bc-ink);font-variant-numeric:tabular-nums}
body.zodiac-page .zc-trait{margin:auto 0 0;padding-top:8px;border-top:1px solid var(--bc-line);font-size:11.5px;line-height:1.6;color:var(--bc-muted)}

@media (max-width:900px){
  body.zodiac-page .zc-signs{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:760px){
  body.zodiac-page .zc-hero .bc-hero-art img{aspect-ratio:4/3}
  body.zodiac-page .zc-badge{flex-direction:row;justify-content:center;padding:18px}
  body.zodiac-page .zc-badge .zc-icon{width:84px;height:84px;padding:16px}
  body.zodiac-page .zc-signs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  body.zodiac-page .zc-signs a{padding:14px}
}