/* Cousin Calculator — tool-specific styles */
.kc-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-bottom: 8px; }
.kc-hint { color: var(--muted-2); font-size: .78rem; margin: 6px 0 0; }

.kc-tree { display: flex; flex-direction: column; align-items: center; margin: 28px 0 8px; }
.kc-ancestor { background: var(--accent-grad); color: #0b0e1c; font-weight: 800; font-size: .92rem;
  padding: 10px 22px; border-radius: 999px; }
.kc-branches { display: flex; justify-content: center; gap: 60px; width: 100%; margin-top: 6px; }
.kc-branch { display: flex; flex-direction: column; align-items: center; }
.kc-line { width: 2px; background: var(--line); height: 36px; }
.kc-genlabel { color: var(--muted-2); font-size: .76rem; font-weight: 700; margin: 4px 0; white-space: nowrap; }
.kc-person { background: var(--bg-soft); border: 1px solid var(--line); border-radius: var(--radius-sm);
  padding: 10px 18px; font-weight: 600; font-size: .9rem; }

.kc-result { text-align: center; margin-top: 26px; padding-top: 20px; border-top: 1px solid var(--line); }
#kcRelationship { font-size: clamp(1.4rem, 4vw, 2rem); font-weight: 800; letter-spacing: -.02em;
  background: var(--accent-grad); -webkit-background-clip: text; background-clip: text; color: transparent; }
.kc-explain { text-align: center; color: var(--muted); font-size: .92rem; margin: 12px 0 0; max-width: 560px; margin-left: auto; margin-right: auto; }

@media (max-width: 560px) {
  .kc-grid { grid-template-columns: 1fr; }
  .kc-branches { gap: 30px; }
}