/* V7.6 mating infographic */
.mate76-result{margin:18px 0}.mate76-parents{display:grid;grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr);gap:10px;align-items:center}.mate76-parent{min-width:0;background:#eef7f5;border:1px solid #cbe5dc;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:5px}.mate76-parent:nth-child(3){background:#edf3fc;border-color:#d2e0f5}.mate76-parent small,.mate76-offspring small{font-size:10px;letter-spacing:.07em;color:#567}.mate76-parent strong{font-size:16px;overflow-wrap:anywhere}.mate76-parent span,.mate76-offspring span{font-size:12px;color:#657}.mate76-cross{text-align:center;font-size:26px;color:#678}.mate76-arrow{grid-column:1/-1;text-align:center;color:#15836f;font-size:24px;line-height:1}.mate76-offspring{grid-column:1/-1;background:linear-gradient(110deg,#e3f5e9,#eaf8f8);border:1px solid #b9dfc9;border-radius:16px;text-align:center;padding:15px;display:flex;flex-direction:column;gap:5px}.mate76-legend{display:flex;flex-wrap:wrap;gap:13px;margin:20px 0 12px;font-size:12px}.mate76-legend span{display:flex;align-items:center;gap:5px}.mate76-legend i{width:10px;height:10px;border-radius:50%;display:inline-block}.m76-m,.mate76-m{background:#19a27b}.m76-v,.mate76-v{background:#557ed2}.m76-n,.mate76-n{background:#e6a23c}.mate76-trait{border:1px solid #e3ebed;border-radius:14px;padding:13px;margin:10px 0;background:white}.mate76-trait-head{display:flex;justify-content:space-between;gap:10px;margin-bottom:10px}.mate76-trait-head small{color:#789}.mate76-tracks{display:grid;gap:8px}.mate76-track{display:grid;grid-template-columns:75px minmax(0,1fr) 70px;align-items:center;gap:9px;font-size:12px}.mate76-track>b{text-align:right;font-variant-numeric:tabular-nums}.mate76-line{height:8px;border-radius:9px;background:linear-gradient(90deg,#edf1f4,#d9e4e9);position:relative}.mate76-dot{width:13px;height:13px;border:2px solid white;box-shadow:0 1px 4px #7899;border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.mate76-risk{margin-top:22px;border-top:1px solid #dce8eb;padding-top:12px}.mate76-risk-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mate76-risk-grid>div{border:1px solid #eadfbd;background:#fffbef;border-radius:13px;padding:13px;display:flex;flex-direction:column;gap:7px}.mate76-risk-grid span{font-size:12px}.mate76-risk-grid strong{font-size:15px;color:#8b650f}.mate76-risk-grid small,.mate76-risk p,.mate76-no-data{font-size:12px;color:#64737d;line-height:1.5}.mate76-risk p{margin-top:12px}@media(max-width:560px){.mate76-risk-grid{grid-template-columns:1fr}.mate76-track{grid-template-columns:69px minmax(0,1fr) 54px;gap:5px}.mate76-parent{padding:11px}.mate76-parent strong{font-size:13px}}