.genetics-head{padding-bottom:36px}.genetics-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:28px;align-items:start}.genetics-layout h2{font-size:clamp(23px,2.4vw,31px);margin:0 0 9px}.genetics-step{display:flex;align-items:flex-start;gap:14px;margin:4px 0 22px}.genetics-step p{margin:0;color:var(--muted,#736f66);font-size:15px}.step-number{display:grid;place-items:center;background:var(--sage,#e2ebdf);border-radius:50%;min-width:34px;height:34px;font-weight:700}.genetics-examples{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.genetics-examples span{width:100%}.genetics-examples button,.genetics-denominator button{border:1px solid var(--line,#ddd9d0);border-radius:18px;padding:8px 12px;background:transparent;font:inherit;font-size:13px;cursor:pointer;color:inherit}.genetics-examples button:hover,.genetics-denominator button:hover{background:#f0f2e9}.genetics-details{padding:15px 0;border-top:1px solid var(--line,#e3dfd5);margin:15px 0}.genetics-details summary,.color-entry summary{font-weight:600;cursor:pointer;line-height:1.5}.genetics-details[open] summary{margin-bottom:15px}.genetics-details h4{margin:20px 0 10px}.genetics-locus{padding-top:10px;border-top:1px solid #eee9de}.genetics-manual>details{margin-bottom:0}.genetics-layout .parent-card{min-width:0;padding:20px}.genetics-layout .parent-card legend{padding:0 8px}.genetics-layout .parent-grid{margin-bottom:30px}.genetics-layout label,.genetics-layout select{max-width:100%;min-width:0}.genetics-layout select{font-size:14px}.genetics-layout .help{font-size:13px;line-height:1.6}.genetics-denominator{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 12px}.genetics-denominator .active{background:var(--ink,#252c23);color:#fff;border-color:var(--ink,#252c23)}.trait-result{padding:6px 0 20px;border-bottom:1px solid var(--line,#e1ddd3)}.trait-result h3{margin:14px 0 9px}.genetics-target{border:1px solid #ccd6c1;background:#f2f5ec;padding:22px;border-radius:18px;margin:24px 0}.target-value{font-size:34px;font-weight:600;line-height:1.35}.target-value span{font-size:14px;font-weight:400;display:block}.genetics-pairs{padding:0;list-style:none}.genetics-pairs li,.genetics-combinations>div{display:flex;justify-content:space-between;gap:15px;align-items:start;border-bottom:1px solid #e3dfd5;padding:12px 0;font-size:14px}.genetics-pairs strong,.genetics-combinations strong{white-space:nowrap}.genetics-combinations{padding-bottom:5px}.genetics-catalog{padding-top:70px;scroll-margin-top:30px}.genetics-catalog h2{font-size:clamp(30px,4vw,48px);line-height:1.1;margin:16px 0 20px}.genetics-catalog .lead{max-width:810px;font-size:18px}.genetics-catalog-controls{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin:28px 0 10px}.genetics-catalog-controls label{font-size:14px;font-weight:600}.genetics-catalog-controls input,.genetics-catalog-controls select{display:block;width:100%;margin-top:10px}.genetics-color-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.color-entry.panel{padding:24px;min-width:0;margin-bottom:0}.color-entry h3{font-size:21px;line-height:1.3;margin:14px 0 10px;overflow-wrap:anywhere}.color-entry p{font-size:14px;line-height:1.6}.color-entry .color-aliases{font-size:12px;overflow-wrap:anywhere}.color-entry details{margin:18px 0;font-size:13px}.color-entry details ul{padding-left:18px;line-height:1.5}.color-entry details li{margin:10px 0}.color-entry details a{overflow-wrap:anywhere}.color-entry .text-button{font-size:13px;text-align:left}.color-evidence{display:inline-block;font-size:11px;font-weight:600;padding:5px 9px;border-radius:20px;background:#eee9df;color:#655c4e}.color-evidence-model,.color-evidence-combination{background:#e8eedf;color:#365635}.color-evidence-fur{background:#e4eaf2;color:#3b5570}.genetics-sources{padding-top:40px;padding-bottom:40px}.genetics-sources .panel{max-width:900px}.genetics-sources ul{padding-left:20px;line-height:1.7}.genetics-sources li{margin:9px 0}.genetics-sources a{overflow-wrap:anywhere}.genetics-layout .notice p:last-child{margin-bottom:0}.genetics-layout .probability>div:first-child{gap:12px}.genetics-layout [hidden],.genetics-catalog [hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#result{scroll-margin-top:25px}body:has(.genetics-head) .calculator-form{padding:28px}
@media(max-width:1000px){.genetics-layout{grid-template-columns:minmax(0,1fr) 260px;gap:18px}.genetics-layout .parent-grid{grid-template-columns:1fr}.genetics-color-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.genetics-layout{grid-template-columns:1fr}.genetics-head h1{font-size:clamp(37px,8vw,58px)}.genetics-head .lead{font-size:17px}.genetics-layout .calculator-guide{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.genetics-layout .calculator-guide .panel{margin:0}.genetics-catalog{padding-top:45px}.genetics-catalog-controls{grid-template-columns:1fr;gap:14px}.genetics-denominator button{flex:1;font-size:12px}.genetics-step h2{font-size:24px}}@media(max-width:520px){.genetics-color-grid,.genetics-layout .calculator-guide{grid-template-columns:1fr}.genetics-layout .parent-card{padding:16px}.genetics-layout .calculator-form,.genetics-layout .calculation-result{padding:20px!important}.genetics-examples button{font-size:12px}.genetics-pairs li{display:block}.genetics-pairs strong{display:block;margin-top:7px}.genetics-catalog h2{font-size:35px}.color-entry.panel{padding:22px}.genetics-target{padding:17px}.genetics-layout .probability>div:first-child span{font-size:13px}.genetics-layout .probability strong{white-space:nowrap;font-size:16px}.genetics-layout .notice{font-size:14px}}

/* Searchable pickers keep their named native selects as the no-JS fallback. */
.color-picker{position:relative;min-width:0}.color-picker-input{width:100%;padding-right:44px!important;font-size:15px!important;background:#fff!important}.color-picker-input:focus{outline:2px solid var(--teal,#24b3a7);outline-offset:2px}.color-picker-clear{position:absolute;right:4px;top:4px;width:38px;height:38px;border:0;border-radius:9px;background:transparent;color:var(--muted,#736f66);font-size:24px;cursor:pointer}.color-picker-clear:hover,.color-picker-clear:focus-visible{background:var(--sage,#e2ebdf);color:var(--ink,#252c23)}.color-picker-list{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:30;max-height:300px;overflow-y:auto;overscroll-behavior:contain;background:#fff;border:1px solid var(--line,#ddd9d0);border-radius:14px;box-shadow:0 12px 32px #243e3221;padding:5px;scroll-padding:5px}.color-picker-option{padding:11px 12px;border-radius:9px;cursor:pointer;line-height:1.45;overflow-wrap:anywhere}.color-picker-option strong{display:block;font-size:14px;font-weight:600}.color-picker-option span{display:block;margin-top:2px;font-size:12px;color:var(--muted,#736f66)}.color-picker-option:hover,.color-picker-option[aria-selected="true"]{background:#eaf4ee;color:var(--ink,#252c23)}.color-picker-option[aria-selected="true"]{box-shadow:inset 3px 0 0 var(--teal,#24b3a7)}.color-picker-empty{margin:8px;padding:10px;font-size:13px;line-height:1.6;color:var(--muted,#736f66)}.color-picker-validation{margin:8px 0 0}.color-picker:has(.color-picker-validation:not([hidden])) .color-picker-input{border-color:#9d493b}.genetics-catalog-head{display:flex;justify-content:space-between;gap:28px;align-items:flex-end;margin-bottom:22px}.genetics-catalog-head>div{max-width:760px}.genetics-catalog-head .button{flex-shrink:0;margin-bottom:8px}.genetics-preview-note{max-width:780px;margin-bottom:25px;line-height:1.6}.color-entry-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.color-swatch{display:block;width:47px;height:47px;flex-shrink:0;border-radius:50%;background:radial-gradient(ellipse at 34% 25%,#b9b6b1,#817e79 66%,#5d5a55);box-shadow:inset 0 0 0 1px #423f3520}.color-swatch-beige{background:radial-gradient(ellipse at 34% 25%,#e4cfb1,#b39a78 70%)}.color-swatch-white{background:radial-gradient(ellipse at 35% 25%,#fff,#e8e5dd 70%)}.color-swatch-black-velvet,.color-swatch-ebony{background:radial-gradient(ellipse at 35% 25%,#6d6962,#2f302e 72%)}.color-swatch-violet{background:radial-gradient(ellipse at 35% 25%,#c6c2ca,#8a849a 72%)}.color-swatch-sapphire{background:radial-gradient(ellipse at 35% 25%,#c2cbd0,#87969f 72%)}.color-swatch-beige-white{background:linear-gradient(135deg,#eee6d6 40%,#fdfaf1 40%,#dfcbb4 75%)}.color-swatch-violet-sapphire{background:radial-gradient(ellipse at 35% 25%,#d6dbe2,#9ba5b5 72%)}.color-swatch-goldbar{background:radial-gradient(ellipse at 35% 25%,#f7e7b8,#d7b775 72%)}.color-swatch-angora{background:repeating-radial-gradient(ellipse at 35% 25%,#b9b2a6 0 3px,#ded8cb 4px 7px)}.color-swatch-locken{background:repeating-radial-gradient(circle at 50% 50%,#57544e 0 3px,#918c80 4px 6px)}.color-entry.panel{display:flex;flex-direction:column;background:#fffdf8}.color-entry h3 a{text-decoration:none}.color-entry h3 a:hover{text-decoration:underline}.color-entry .color-aliases{min-height:20px;margin:0}.color-entry-actions{display:flex;flex-wrap:wrap;gap:13px;align-items:center;margin-top:auto;padding-top:15px}.color-entry-actions a,.color-entry-actions button{font-size:13px;line-height:1.5}.genetics-catalog-more{display:flex;gap:24px;justify-content:space-between;align-items:center;border-top:1px solid var(--line,#ddd9d0);margin-top:26px;padding-top:22px}.genetics-catalog-more p{font-size:15px;margin:0;line-height:1.7}.genetics-catalog-more .button{flex-shrink:0}
@media(max-width:760px){.genetics-catalog-head,.genetics-catalog-more{display:block}.genetics-catalog-head .button{margin:5px 0 0}.genetics-catalog-more .button{margin-top:16px}.color-picker-list{max-height:260px}.color-picker-input{font-size:16px!important}.color-picker-clear{width:40px;height:40px}.color-entry.panel{padding:22px}.color-entry-actions{padding-top:12px}}

.color-picker-list.is-above{top:auto;bottom:calc(100% + 6px)}

/* Calculator actions come first; catalogue styles above remain shared. */
.calculator-page{padding-top:34px;padding-bottom:28px}.calculator-intro{max-width:900px;margin-bottom:24px}.calculator-intro .eyebrow{margin-bottom:12px}.calculator-intro h1{font-size:clamp(36px,4.8vw,60px);line-height:1.07;letter-spacing:-.04em;margin:0 0 14px}.calculator-intro h1 em,.help-heading h2 em{font-weight:inherit;color:#08776e}.calculator-intro>p{font-size:17px;color:#54645c;max-width:730px;line-height:1.6;margin:0}.calculator-modes{display:flex;gap:5px;padding:5px;border:1px solid #d3e0d8;background:#e9f1ea;border-radius:16px;width:fit-content;max-width:100%;margin:0 0 24px}.calculator-modes>a{display:flex;align-items:center;justify-content:center;gap:9px;padding:13px 19px;border-radius:11px;color:#355347;text-decoration:none;font-size:14px;font-weight:600;min-height:46px;text-align:center;line-height:1.4}.calculator-modes>a[aria-current=page]{background:#fffdf8;box-shadow:0 2px 8px #254c3910;color:#125b51}.calculator-modes>a:hover{background:#f7fcf8}.mode-icon{font-size:19px;color:#08776e}.calculator-workbench{max-width:1100px}.calculator-parent-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.calculator-parent{padding:24px;background:#fffdf8;border:1px solid #d5dfd3;border-radius:23px;min-width:0;position:relative}.calculator-parent legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.parent-preview{display:flex;gap:15px;align-items:center;margin-bottom:18px}.parent-preview>div{min-width:0}.parent-preview strong{display:block;font-size:20px;line-height:1.3;margin:3px 0 4px;font-weight:600}.parent-kicker{font-size:12px;color:#647466;font-weight:600}.parent-preview-note{font-size:12px;color:#69766e;display:block}.parent-color-disc{width:57px;height:57px;flex:0 0 57px;box-shadow:inset 0 0 0 1px #61756425}.parent-color-disc.is-unknown{background:#e5ebe2;position:relative}.parent-color-disc.is-unknown:after{content:'?';display:grid;place-items:center;position:absolute;inset:0;font-size:22px;font-weight:400;color:#6e8274}.basic-colors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.basic-color{border:1px solid #dce4d8;position:relative;padding:12px 9px;min-height:67px;border-radius:13px;background:#f8faf4;color:#2a4035;font:inherit;font-size:12px;font-weight:500;line-height:1.4;text-align:left;cursor:pointer;display:flex;align-items:center;gap:8px}.basic-color .color-swatch{width:23px;height:23px;flex:0 0 23px}.basic-color>span:not(.color-swatch):not(.color-check){min-width:0;overflow-wrap:anywhere}.basic-color:hover{background:#ecf6ed;border-color:#a6c8b5}.basic-color[aria-pressed=true]{border-color:#0d897d;background:#e9f6f0;box-shadow:inset 0 0 0 1px #0d897d}.color-check{display:none;position:absolute;right:6px;top:3px;font-size:11px;font-weight:700;color:#08776e}.basic-color[aria-pressed=true] .color-check{display:block}.color-unknown{grid-column:1/-1;justify-self:start;min-height:39px;padding:8px 0;font-size:12px;color:#597161;text-decoration:underline;text-underline-offset:3px}.color-unknown[aria-pressed=true]{font-weight:600}.all-colors{margin:2px 0 0}.all-colors>summary{font-size:13px;color:#176f61;cursor:pointer;min-height:38px;line-height:1.5;padding:8px 0}.all-colors .field{margin:10px 0 0}.calculator-page .field{min-width:0}.calculator-page .field>label{font-size:13px}.calculator-page .field input,.calculator-page .field select,.calculator-page .field textarea{max-width:100%;min-width:0;width:100%}.calculator-page .field select{font-size:14px}.calculator-page .help{font-size:12px;line-height:1.6;color:#5f7064}.parent-color-hint{font-size:12px!important;line-height:1.6!important;margin:6px 0 0;color:#627466}.parent-color-hint:empty{display:none}.calculator-page .genetics-details{margin:13px 0 0;padding:13px 0 0;border-color:#e2e8dd}.calculator-page .genetics-details>summary{font-size:13px;min-height:30px;line-height:1.5}.parent-inheritance>summary>span{display:block;font-size:11px;font-weight:400;color:#738172}.calculator-page .genetics-locus{padding-top:10px;border-color:#e3e9df}.calculator-page .genetics-locus .field{margin-bottom:8px}.calculator-page .genetics-locus>.help{margin:0 0 15px}.parent-source-picker .field{margin:12px 0}.calculator-page .source-load{font-size:12px;width:100%;padding:12px;min-height:44px}.source-clear{display:block;margin-top:12px;min-height:44px;font-size:13px}.parent-record-note{font-size:13px;line-height:1.6;background:#edf6eb;border-radius:12px;padding:12px 15px;margin-bottom:15px}.parent-record-note p{margin:0 0 7px}.parent-record-note p:last-child{margin-bottom:0}.parent-record-note a{color:#116f5a;text-underline-offset:3px}.ancestor-grid{display:grid;gap:14px}.ancestor-card{padding:16px 14px;background:#f4f7ef;border-radius:14px;min-width:0}.ancestor-card h3{font-family:inherit;font-size:15px;margin:0 0 13px}.calculator-page .ancestor-card .field{margin:10px 0}.calculator-page .ancestor-card .genetics-details{padding:12px 0 0}.calculator-action{display:flex;gap:24px;align-items:center;margin:24px 0 0}.calculator-submit{font-size:15px;min-height:54px;gap:18px;justify-content:center}.calculator-action>p{font-size:12px;line-height:1.7;margin:0;color:#4f6657}.calculator-action>p>.muted{color:#6d7a6e}.calculator-workbench>.calculation-options{max-width:560px;margin-top:15px}.calculation-options .field{margin-top:13px}.calculator-page [hidden]{display:none!important}.calculator-page button:focus-visible,.calculator-page a:focus-visible,.calculator-page summary:focus-visible{outline:3px solid #158e82;outline-offset:4px}.pair-safety{margin-top:20px}.calculator-page #genetics-stale{margin:26px 0}.calculator-page .calculation-result{margin-top:32px;max-width:1100px;background:#fffdf8;border-color:#d6dfd1;padding:30px;scroll-margin-top:18px}.calculator-page .calculation-result>h2{font-size:clamp(28px,3.6vw,40px);line-height:1.15;margin:10px 0 20px}.calculation-result>p,.no-genetics-data>p{font-size:15px;line-height:1.7;max-width:860px}.calculation-result .notice{font-size:14px;line-height:1.7}.lethal-warning{margin:18px 0;border:1px solid #deab97;background:#fff2e8;color:#783f2a}.lethal-warning>strong{font-size:16px}.lethal-warning>p{font-size:14px;margin:9px 0}.lethal-warning summary{cursor:pointer;font-weight:600;margin-top:12px}.uncertain-safety{background:#f7f7ec;padding:13px 16px!important;border:1px solid #e2e2c9!important;border-radius:12px;margin-bottom:20px!important}.uncertain-safety p{font-size:13px;line-height:1.7}.trait-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 30px}.calculator-page .trait-result{min-width:0;padding:7px 0 13px}.calculator-page .trait-result h3{font-size:23px;margin:10px 0 12px}.trait-uncertain{color:#6e765a;font-size:12px!important;margin:0 0 15px}.calculator-page .probability>div:first-child{gap:12px;font-size:13px}.calculator-page .probability strong{font-size:19px;white-space:nowrap}.calculator-page .probability-track{height:7px;border-radius:10px;background:#edf0e7;overflow:hidden;margin-top:8px}.calculator-page .probability-track i{display:block;height:100%;background:#24b3a7;border-radius:inherit}.calculator-page .probability.risk .probability-track i{background:#ac5b40}.calculator-page .lethal-denominator{font-size:11px;margin:8px 0 0;color:#8a4b35}.calculator-page .used-parent-states{padding-top:10px;margin-top:15px}.used-parent-states p{font-size:13px;line-height:1.7}.result-combinations{max-width:810px;margin:24px 0}.result-combinations h3{font-size:26px}.result-caveats{font-size:12px!important;color:#657365;line-height:1.7!important;margin-top:24px}.target-choice{max-width:900px;padding:29px;background:#fffdf8;border:1px solid #d5dfd3;border-radius:23px}.choice-heading h2{font-size:31px;margin:8px 0 9px}.choice-heading p{font-size:14px;color:#657368;margin:0 0 24px}.target-basic-colors{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.target-basic-colors .basic-color{min-height:83px;font-size:15px;padding:16px}.target-basic-colors .color-swatch{width:34px;height:34px;flex-basis:34px}.target-search{margin:23px 0 0;max-width:570px}.target-search .field{margin-bottom:0}.selected-target{font-size:13px;font-weight:600;color:#216c57;margin:14px 0 0}.target-choice .target-limit{max-width:700px;margin:10px 0 22px}.target-choice .calculator-submit{width:100%;max-width:470px}.calculator-footnote{font-size:12px!important;line-height:1.7!important;color:#687867;margin:14px 0 0!important}.reverse-options{display:grid;gap:17px;margin-top:25px}.reverse-option{border:1px solid #dce4d8;border-radius:18px;padding:22px;background:#f6f9f2;min-width:0}.reverse-option-head{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:20px}.reverse-option-head>span{font-size:12px;color:#5e7767}.reverse-option-head>strong{font-size:26px;line-height:1.2;color:#1c6b58;text-align:right}.reverse-option-head small{display:block;font-size:11px;font-weight:400;color:#5e7366;margin-top:5px}.reverse-parent-pair{display:grid;grid-template-columns:1fr 26px 1fr;align-items:center;gap:18px}.reverse-parent-pair h3{font-size:23px;line-height:1.4;margin:6px 0 0}.pair-connector{font-size:23px;color:#899887;text-align:center}.reverse-option .button{margin-top:18px;font-size:13px}.reverse-state-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.reverse-state-grid dl{font-size:12px}.reverse-state-grid dl>div{padding:7px 0;border-bottom:1px solid #e0e7d8}.reverse-state-grid dt{font-weight:600;margin-bottom:4px}.reverse-state-grid dd{margin:0;color:#617460}.calculator-help{margin-top:68px;border-top:1px solid #dce4d6;padding-top:35px}.help-heading h2{font-size:clamp(29px,3.4vw,42px);margin:10px 0 13px}.help-heading p{font-size:14px;color:#687766}.calculator-help-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:28px;gap:23px}.calculator-help-grid>a{padding:0 23px 8px 0;border-right:1px solid #dfe5d6;text-decoration:none;color:inherit;display:flex;flex-direction:column}.calculator-help-grid>a:last-child{border-right:0}.help-number{font-size:11px;color:#729078}.calculator-help-grid h3{font-size:22px;line-height:1.3;margin:14px 0 10px}.calculator-help-grid p{font-size:13px;line-height:1.7;color:#697566;margin:0 0 18px}.calculator-help-grid .text-link{font-size:12px;margin-top:auto}.calculator-help>.genetics-method{padding:20px 0;margin-top:30px}.genetics-method p,.genetics-method li{font-size:13px;line-height:1.8;max-width:860px}.genetics-method ul{padding-left:20px}.genetics-method a{overflow-wrap:anywhere}.parent-color-choices>summary{display:none}.color-swatch-heterobeige{background:radial-gradient(ellipse at 35% 25%,#e9d7bc,#bba181 75%)}.color-swatch-homobeige{background:radial-gradient(ellipse at 35% 25%,#f8edce,#d5bd96 75%)}
@media(max-width:1000px){.calculator-parent{padding:20px}.basic-color{flex-direction:column;align-items:start;gap:7px;font-size:12px}.target-basic-colors .basic-color{flex-direction:row}.calculator-action{gap:16px}.calculator-action>p{font-size:11px}}
@media(max-width:760px){.calculator-page{padding-top:24px}.calculator-intro{margin-bottom:18px}.calculator-intro h1{font-size:40px}.calculator-intro>p{font-size:15px}.calculator-modes{width:100%;margin-bottom:18px}.calculator-modes>a{flex:1;font-size:12px;padding:10px 8px;gap:6px}.mode-icon{display:none}.calculator-parent-grid{grid-template-columns:1fr;gap:14px}.calculator-parent{padding:18px}.basic-color{flex-direction:row;align-items:center;min-height:60px}.parent-color-choices>summary{display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:44px;padding:8px 11px;border:1px solid #cfded0;background:#f2f7ed;border-radius:10px;font-size:13px;cursor:pointer;color:#206455;font-weight:600}.parent-color-choices[open]>summary{margin-bottom:15px}.parent-preview{margin-bottom:13px;gap:12px}.parent-preview strong{font-size:19px}.parent-color-disc{width:46px;height:46px;flex-basis:46px}.parent-inheritance>summary>span{display:inline;margin-left:5px}.calculator-page .parent-inheritance,.calculator-page .parent-source-picker{padding:9px 0 0;margin-top:9px}.calculator-page .parent-inheritance>summary,.calculator-page .parent-source-picker>summary{min-height:34px;font-size:12px}.calculator-action{flex-direction:column;align-items:stretch;gap:10px;margin-top:20px}.calculator-action>p{text-align:center}.calculator-submit{width:100%;font-size:14px;min-height:52px}.calculator-workbench>.calculation-options{margin-top:13px}.calculator-page .calculation-result{padding:22px;margin-top:26px}.trait-results{grid-template-columns:1fr;gap:7px}.target-choice{padding:22px}.target-basic-colors{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.target-basic-colors .basic-color{font-size:13px;min-height:75px;padding:12px;gap:9px}.target-basic-colors .color-swatch{width:27px;height:27px;flex-basis:27px}.target-search{margin-top:18px}.reverse-option{padding:18px}.reverse-parent-pair{gap:12px}.reverse-parent-pair h3{font-size:19px}.reverse-option-head>strong{font-size:24px}.calculator-help{margin-top:43px;padding-top:28px}.calculator-help-grid{grid-template-columns:1fr;gap:21px;margin-top:23px}.calculator-help-grid>a{border-right:0;border-bottom:1px solid #dfe5d6;padding:0 0 19px}.calculator-help-grid h3{margin:10px 0;font-size:22px}.calculator-help-grid p{margin-bottom:13px}.calculator-page .color-picker-input{font-size:16px!important}.calculator-page .field select,.calculator-page .field input,.calculator-page .field textarea{font-size:16px}.calculator-page .source-load{font-size:13px}}
@media(max-width:400px){.calculator-intro h1{font-size:34px}.calculator-intro>p{font-size:13px;line-height:1.6}.calculator-parent{padding:14px}.parent-preview{gap:10px;margin-bottom:12px}.parent-preview strong{font-size:17px}.basic-colors{grid-template-columns:repeat(2,minmax(0,1fr))}.basic-color{font-size:12px;min-height:55px}.calculator-page .parent-inheritance>summary>span{display:block;margin-left:0}.target-choice{padding:18px}.choice-heading h2{font-size:28px}.target-basic-colors .basic-color{font-size:12px;padding:10px;min-height:73px}.calculator-page .calculation-result{padding:19px}.reverse-parent-pair{grid-template-columns:1fr;gap:7px}.pair-connector{text-align:left;font-size:16px;margin:0}.reverse-state-grid{grid-template-columns:1fr;gap:15px}.reverse-parent-pair h3{font-size:20px}.calculator-page .probability>div:first-child{font-size:12px}.calculator-page .probability strong{font-size:18px}.calculator-modes>a{font-size:11px;padding:9px 6px}}
.calculator-page .standard-confirmation{grid-column:1/-1;padding:14px 16px;margin-top:14px;border:1px solid #cddfd0;background:#edf6ee;border-radius:12px}.calculator-page .standard-confirmation .field{margin:0}.calculator-page .standard-confirmation input[type=checkbox]{width:18px;min-width:18px;height:18px;accent-color:#08776e}.calculator-page .standard-confirmation .help{margin:8px 0 0}.calculator-page .basic-color{transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease}.calculator-page .probability-track i{transition:width .24s ease}
@media(prefers-reduced-motion:reduce){.calculator-page *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Carrier states remain visible with native select controls, including without JS. */
.calculator-page .inheritance-input{grid-column:1/-1;min-width:0;margin-top:18px;padding:18px 0 2px;border-top:1px solid #d7e4d7;scroll-margin-top:105px}.inheritance-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.calculator-page .inheritance-heading h3{font:23px/1.3 Georgia,serif;margin:0}.inheritance-heading>span{font-size:11px;color:#6b786b;text-align:right}.inheritance-intro{font-size:12px;line-height:1.6;color:#536653;margin:9px 0 15px}.calculator-page .visible-carriers{display:grid;grid-template-columns:1fr;gap:12px}.calculator-page .carrier-state{padding:13px 15px;border:1px solid #d5e3d3;border-radius:12px;background:#f2f7ed}.calculator-page .carrier-state .field{margin:0}.calculator-page .carrier-state label{font-size:13px;line-height:1.5;color:#2f5142;font-weight:600;display:block;margin-bottom:7px}.calculator-page .carrier-state select{width:100%;min-height:44px;background:#fffdf8;border-color:#b9d1bd}.trait-input-source{display:block;font-size:11px;line-height:1.5;color:#617259;margin-top:7px}.calculator-page .inheritance-explanation{border-top:0;padding:3px 0;margin:12px 0}.calculator-page .inheritance-explanation>summary{font-size:12px;font-weight:500;color:#226f5c;min-height:36px;display:flex;align-items:center}.inheritance-explanation p{font-size:12px;line-height:1.7;margin:9px 0;color:#536653}.calculator-page .trait-input-more{margin:12px 0 0;padding:12px 0 0}.trait-input-more>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;font-size:13px}.trait-more-count{font-size:10px;white-space:nowrap;background:#edf1e7;color:#65745f;border-radius:20px;padding:5px 8px;font-weight:500}.trait-more-count.has-records{background:#dcefe2;color:#1e6752}.calculator-page .trait-input-more .genetics-locus{padding-top:12px}.calculator-page .ancestry-input{grid-column:1/-1}.calculator-page select[data-trait-state]:focus-visible{outline:2px solid #08776e;outline-offset:3px}
@media(max-width:760px){.calculator-page .inheritance-input{margin-top:15px;padding-top:15px}.inheritance-heading>span{font-size:10px}.calculator-page .inheritance-heading h3{font-size:22px}.calculator-page .carrier-state{padding:11px 12px}.calculator-page .trait-input-more>summary{font-size:12px}.calculator-page .ancestry-input>summary{font-size:12px}.calculator-page .visible-carriers{gap:10px}.calculator-parent .parent-source-picker{grid-column:1/-1}.calculator-page .carrier-state select{font-size:16px;min-height:46px}}

.calculator-page .calculator-parent-grid{align-items:start}.calculator-page .rare-line-input,.calculator-page .qualitative-input{grid-column:1/-1;min-width:0;margin:13px 0 0;padding:12px 0 0}.rare-line-input>summary,.qualitative-input>summary{min-height:44px;font-size:13px;line-height:1.5}.rare-line-input>summary{display:flex;justify-content:space-between;align-items:center;gap:12px}.rare-line-index{font-size:11px;line-height:1.6;color:#65765f;margin:7px 0 12px}.rare-line-card{border:1px solid #d4dfd4;border-radius:10px;margin:9px 0;background:#f5f7ef}.rare-line-card>summary{padding:12px 14px;font-size:13px;min-height:44px;margin:0!important;overflow-wrap:anywhere}.rare-line-body{padding:3px 14px 14px}.rare-line-body .field-check{padding:9px 0}.rare-line-body .field-check input{width:18px;min-width:18px;height:18px;accent-color:#08776e}.line-input-status{font-size:11px;line-height:1.6;color:#527251;background:#e8f1e6;border-radius:7px;padding:9px 11px}.qualitative-fields .field{margin-top:13px}.qualitative-input .help{font-size:12px;line-height:1.7}.trait-input-more>summary::after,.rare-line-input>summary::after,.qualitative-input>summary::after,.rare-line-card>summary::after{content:'＋';color:#08776e;flex-shrink:0;font-size:15px;margin-left:8px;float:right}.trait-input-more[open]>summary::after,.rare-line-input[open]>summary::after,.qualitative-input[open]>summary::after,.rare-line-card[open]>summary::after{content:'−'}.trait-input-more>summary>span:first-child,.rare-line-input>summary>span:first-child{flex:1}
@media(max-width:760px){.rare-line-input>summary,.qualitative-input>summary{font-size:12px}.rare-line-body{padding-inline:11px}.rare-line-card>summary{font-size:12px}.rare-line-body .field-check label{line-height:1.6}.rare-line-body .field-check input{flex-shrink:0}}

/* These tiny ears are symbols, never a photograph or a predicted coat. */
.calculator-page .fur-input{grid-column:1/-1;min-width:0;margin-top:18px;padding:18px 16px;border:1px solid #dedccc;border-radius:14px;background:#faf7ef}.calculator-page .fur-input h3{font:23px/1.3 Georgia,serif;margin:0;color:#574b37}.fur-input .inheritance-heading>span{color:#756d5b}.fur-observation-fields .field{margin-top:13px}.fur-input .fur-line-card{background:#fffdf8;border-color:#e0decd}.fur-input .fur-limit{font-size:12px;line-height:1.7}.calculator-page .target-kind{border:0;margin:20px 0 15px;padding:0;min-width:0}.target-kind legend{font-size:13px;font-weight:600;margin-bottom:9px}.target-kind>div{display:flex;gap:10px;flex-wrap:wrap}.target-kind>div>div{flex:1;min-width:120px}.target-kind label{display:flex;align-items:center;gap:9px;min-height:48px;border:1px solid #cadbcc;border-radius:12px;padding:10px 16px;cursor:pointer;background:#f6f8f0}.target-kind label:has(input:checked){background:#e6f0e5;border-color:#338371;color:#175e50;font-weight:600}.target-kind input[type=radio]{width:18px;height:18px;flex-shrink:0;accent-color:#08776e;margin:0}.target-kind label:focus-within{outline:2px solid #08776e;outline-offset:3px}.target-fur-domain{border-radius:13px;background:#faf7ef;padding:1px 16px 8px;border:1px solid #e1ddcc}.target-fur-domain .field label{color:#574b37}.calculator-page .target-domain[hidden]{display:none!important}
@media(max-width:760px){.calculator-page .fur-input{padding:15px 12px}.calculator-page .fur-input h3{font-size:22px}.target-kind label{padding:10px 12px}.target-fur-domain{padding-inline:12px}.fur-input .field select{font-size:16px;min-height:46px}}
.calculator-page .parent-color-disc{position:relative;isolation:isolate}.calculator-page .parent-color-disc:before{content:'';position:absolute;z-index:-1;top:-5px;left:8px;width:12px;height:17px;border-radius:70% 70% 35% 35%;background:#dce7d9;border:1px solid #aabbac;box-shadow:25px 0 0 -1px #dce7d9,25px 0 0 0 #aabbac}.calculator-page .parent-state-summary{grid-column:1/-1;margin:0 0 15px;padding-top:0;border-top:0}.parent-state-summary ul{font-size:12px;line-height:1.6;padding-left:18px;margin:10px 0}.parent-state-summary li{padding:3px 0}
@media(max-width:760px){.calculator-parent{display:grid;grid-template-columns:1fr 1fr;column-gap:12px}.parent-preview,.parent-record-note,.parent-color-choices{grid-column:1/-1}.calculator-parent .genetics-manual{display:contents}.calculator-parent .parent-inheritance,.calculator-parent .parent-source-picker{min-width:0}.calculator-page .parent-inheritance>summary,.calculator-page .parent-source-picker>summary{min-height:44px;font-size:11px}.calculator-parent .parent-inheritance[open],.calculator-parent .parent-source-picker[open]{grid-column:1/-1}.parent-preview{line-height:1.3}.calculator-page .parent-color-disc:before{left:6px;width:10px;height:15px;box-shadow:21px 0 0 -1px #dce7d9,21px 0 0 0 #aabbac}.calculator-page .parent-inheritance>summary>span{display:block;margin-left:0}}
@media(max-width:760px){.calculator-page .parent-inheritance>summary,.calculator-page .parent-source-picker>summary{display:block!important;line-height:1.5}.calculator-page .parent-inheritance>summary>span{display:none}}

.calculator-page .rare-line-card>summary{display:flex;align-items:center;justify-content:space-between;gap:10px}.calculator-page .rare-line-card>summary::after{float:none;margin-left:0;flex:0 0 auto}