.pedigree-figures{display:grid;gap:14px;margin:2px 0 18px}
.pedigree-figures--pair{grid-template-columns:repeat(2,minmax(0,1fr))}
.pedigree-figure{margin:0;padding:18px;border:1px solid var(--border);border-radius:18px;background:#fff;box-shadow:0 12px 32px rgba(28,35,48,.06);overflow:auto}
.pedigree-figure img{display:block;width:auto;max-width:100%;max-height:430px;margin:auto;object-fit:contain}
.pedigree-figure figcaption{margin-top:12px;color:#5f6874;font-size:.72rem;font-weight:700;line-height:1.4;text-align:center;letter-spacing:.02em}
.pedigree-condition{padding:17px 18px;border:1px solid var(--border);border-radius:16px;background:color-mix(in srgb,var(--surface) 88%,var(--blue-dim));color:var(--text);line-height:1.75}
.pedigree-condition h4{margin:0 0 7px;color:var(--text-bright);font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}
.pedigree-condition p,.pedigree-worked p{margin:0}
.pedigree-worked{display:grid;gap:10px;color:var(--text);line-height:1.75}
.pedigree-worked p{padding-left:14px;border-left:2px solid color-mix(in srgb,var(--green) 58%,transparent)}
html[data-theme="dark"] .pedigree-figure{border-color:#344154;background:#f9fbfd;box-shadow:0 14px 34px rgba(0,0,0,.2)}
html[data-theme="dark"] .pedigree-figure figcaption{color:#46515e}
html[data-theme="dark"] .pedigree-condition{border-color:var(--border2);background:#141c27;color:var(--text)}
html[data-theme="dark"] .pedigree-condition h4{color:var(--text-bright)}
@media(max-width:680px){
  .pedigree-figures--pair{grid-template-columns:1fr}
  .pedigree-figure{padding:10px;border-radius:14px}
  .pedigree-figure img{max-height:none}
  .pedigree-condition{padding:14px;border-radius:14px}
}
@media(prefers-reduced-motion:no-preference){
  .pedigree-figure img{transition:transform .28s cubic-bezier(.22,1,.36,1)}
  .pedigree-figure:hover img{transform:scale(1.015)}
}