.pairing{padding:0 var(--gutter) 90px}.pairing-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:32px}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:.18em;margin-bottom:18px}.pairing h2{font-size:clamp(32px,4vw,58px);line-height:1.05;letter-spacing:-.05em}.pairing-heading>p{max-width:34ch;color:var(--muted)}.pairing button,.pairing select{background:white;color:var(--ink);border:1px solid var(--line);padding:10px 12px;min-height:44px;border-radius:3px;font:inherit}.pairing button{cursor:pointer}.pairing button:hover{background:#edf1ec}.pair-presets{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.pair-presets button{font-size:13px}.pair-input{width:100%;border-collapse:collapse;text-align:left}.pair-input th,.pair-input td{padding:18px 12px;border-bottom:1px solid var(--line)}.pair-input thead{font-size:12px;color:var(--muted)}.pair-input th{font-weight:500}.pair-input small{display:block;font-size:12px;font-weight:400;color:var(--muted)}.pair-input select{width:100%}.pair-input td:last-child{width:45px}.pair-input button{border:0;font-size:24px;padding:0 10px}.pairing form{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:20px}.pairing form label{font-size:14px}.pairing form button{background:var(--ink);color:white}.pair-scope{font-size:13px;color:var(--muted);max-width:90ch;margin-top:18px}.pair-results{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(24px,5vw,70px);margin-top:56px}.result-heading{display:flex;justify-content:space-between;gap:15px;align-items:center}.result-heading h3{font-size:25px;font-weight:400;letter-spacing:-.03em;margin:0}.result-heading span{font-size:12px;color:var(--muted)}.result-explain{font-size:13px;color:var(--muted);margin:12px 0 20px;max-width:65ch}.outcomes{width:100%;border-collapse:collapse;font-size:14px}.outcomes th{text-align:left;font-size:12px;font-weight:400;color:var(--muted)}.outcomes td,.outcomes th{padding:15px 0;border-bottom:1px solid var(--line)}.outcomes td:first-child{padding-right:20px}.outcomes td:last-child,.outcomes th:last-child{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.odds-bar{height:3px;background:#8c9a83;margin-top:8px;min-width:1px}.outcome-scroll{max-height:530px;overflow:auto}.pair-explain{padding:25px;background:#f4f6f2;align-self:start}.pair-explain label{display:block;font-size:13px;margin-bottom:8px}.pair-explain select{width:100%}.punnett{width:100%;table-layout:fixed;border-spacing:5px;margin:20px 0;font-size:12px}.punnett caption{text-align:left;color:var(--muted);font-size:12px;margin-bottom:10px}.punnett th{font-weight:400}.punnett th:first-child{width:50px}.punnett td{text-align:center;padding:14px 6px;background:white;overflow-wrap:anywhere}.punnett td.copy-1{background:#e4e9df}.punnett td.copy-2{background:#344336;color:white}.punnett small{display:block;margin-top:5px}.pair-explain>p:last-child{font-size:13px;color:var(--muted)}.pair-assumptions{margin-top:40px;border-block:1px solid var(--line);padding:18px 0;font-size:13px;color:var(--muted)}.pair-assumptions summary{cursor:pointer;color:var(--ink)}.pair-assumptions p{max-width:100ch;margin-top:15px}.morph-explorer{border-top:1px solid var(--line);padding-top:55px!important}.pairing select:focus-visible{outline:2px solid #465449;outline-offset:3px}@media(max-width:700px){.pairing-heading{display:block}.pairing-heading>p{margin-top:20px}.pair-results{grid-template-columns:1fr}.pair-input th,.pair-input td{padding:12px 3px}.pair-input select{font-size:12px;padding:8px 2px}.pair-input th{font-size:13px}.pair-input small{font-size:10px}.pair-input td:last-child{width:25px}.pair-input button{padding:0 5px}.pair-input th:first-child{width:27%}.pairing form select{max-width:55%}.result-heading{align-items:start}.pairing{padding-bottom:55px}.pair-explain{padding:18px}}