/* Offspring — shared page primitives used by both the partner picker and the
 * results page (Figma 7a/7b). Header = title 32/700 + 20/500 subtitle; eyebrow
 * = the 14/600 wide-tracked label ("Analysis with", "Parental alleles", …). */

.offspring-head {
  margin-bottom: var(--spacing-32);

  & > * + * { margin-top: var(--spacing-16); }
}

.offspring-head__title {
  font-size: var(--font-size-32);
  font-weight: var(--font-weight-700);
  letter-spacing: var(--font-letter-spacing-tight);
  color: var(--text-primary);
}

.offspring-head__subtitle {
  font-size: var(--font-size-20);
  font-weight: var(--font-weight-500);
  color: var(--text-secondary);
}

/* Tracked eyebrow label. */
.offspring-eyebrow {
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-600);
  letter-spacing: var(--font-letter-spacing-wider);
  color: var(--text-secondary);
}