/* 궁합 보기 전용 스타일. 골격은 /tools/assets/tools.css 를 그대로 쓴다. */

/* ── 입력 ── */
.gh-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:560px){.gh-pair{grid-template-columns:1fr;gap:16px}}
.gh-side{border:1px solid var(--line);border-radius:13px;padding:15px 16px;background:#FBFCFE}
.gh-side h3{font-size:14px;font-weight:850;color:var(--deep);margin:0 0 12px}
.gh-side .tkinput + .tkinput{margin-top:8px}

/* ── 점수 ── */
.gh-title{font-size:21px;font-weight:900;color:var(--deep);margin:10px 0 22px;letter-spacing:-.5px}
@media(max-width:560px){.gh-title{font-size:18px}}

/* 두 사람 카드는 어떤 폭에서도 나란히 둔다 — 세로로 쌓이면 '짝'이라는 느낌이 사라진다. */
.gh-people{display:flex;align-items:stretch;justify-content:center;gap:10px}
.gh-person{flex:1 1 0;min-width:0;border:1px solid var(--line);border-radius:13px;padding:14px 10px;background:#fff}
.gh-amp{align-self:center;font-size:19px;font-weight:900;color:var(--muted);flex-shrink:0}
.gh-animal{font-size:32px;line-height:1;display:block}
.gh-pname{font-size:15px;font-weight:850;color:var(--deep);margin:8px 0 2px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gh-pmeta{font-size:12.3px;font-weight:600;color:var(--gray);margin:0;line-height:1.5}
.gh-shift{font-size:11.3px;color:var(--muted);margin:5px 0 0;line-height:1.45}

/* ── 관계 설명 ── */