.tag-letter { font: 800 30px system-ui, sans-serif; fill: #14213d; }
.gamete-letter { font: 800 34px system-ui, sans-serif; fill: #14213d; }
.parent-letters { font: 800 46px system-ui, sans-serif; fill: #14213d; }
.cell-geno { font: 800 48px system-ui, sans-serif; fill: #fff; }
.cell-geno.small { font-size: 34px; }
.cell-note { font: 600 26px system-ui, sans-serif; fill: #cfd9ef; }
.cell-note.small { font-size: 20px; }
.ped-line { stroke: #fff; stroke-width: 5; }
.ped-shape { stroke: #fff; stroke-width: 5; }
.ped-num { font: 700 24px system-ui, sans-serif; fill: #cfd9ef; }
.ped-num.small { font-size: 22px; }
.ped-gen { font: 800 34px Georgia, serif; fill: #9fb4dd; }
.ped-geno { font: 800 24px ui-monospace, SFMono-Regular, Menlo, monospace; fill: #ffd166; }
.table-head { font: 800 24px system-ui, sans-serif; fill: #ffd166; }
.table-geno { font: 800 32px system-ui, sans-serif; fill: #fff; }
.table-text { font: 600 22px system-ui, sans-serif; fill: #e8eefc; }
.ped-inline { display: block; width: min(100%, 320px); margin: 0 auto .4em; }
.lbl sup, .recap sup, .act-title sup, .chip-btn sup, .act-feedback sup { font-size: .7em; line-height: 0; }