.calculator-page .denominator-detail{padding:1rem 1.2rem;border-left:3px solid var(--accent,#24b3a7);background:var(--paper,#fffdf7);font-size:.95rem;line-height:1.7;margin:0 0 1.5rem}
.calculator-page .hypothesis-result{border:1px solid var(--line,#dedfd3);padding:1.2rem;border-radius:16px;margin:1.5rem 0;background:var(--paper,#fffdf7)}
.calculator-page .offspring-atlas{display:grid;gap:.5rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:.7rem}
.calculator-page .offspring-atlas:not(.has-components){grid-template-columns:1fr}
.calculator-page .offspring-component{display:block;color:inherit;text-decoration:none;font-size:13px;line-height:1.4}
.calculator-page .offspring-component img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:12px}
.calculator-page .offspring-component span{display:block;margin-top:.25rem}
.calculator-page .offspring-image-note{display:block;font-size:13px;line-height:1.5;color:var(--muted,#5b655f);margin-bottom:1rem}
.calculator-page .offspring-unpictured{display:flex;align-items:center;min-height:110px;border-bottom:1px solid var(--line,#dedfd3);color:var(--muted,#5b655f);font-size:.9rem;margin-bottom:1rem}
.calculator-page .parent-state-summary{margin:.6rem 0 1rem;padding:.75rem 0;font-size:.85rem}
.calculator-page .parent-state-summary ul{padding-left:1.2rem;line-height:1.7}
.calculator-page .hypothesis-row{border:1px solid var(--line,#dedfd3);border-radius:12px;padding:1rem;margin:1rem 0}
.calculator-page .hypothesis-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}
.calculator-page .hypothesis-editor label{display:block;font-size:.85rem;line-height:1.4}
.calculator-page .hypothesis-editor label>span{display:block;margin-bottom:.35rem}
.calculator-page .hypothesis-editor input,.calculator-page .hypothesis-editor select{width:100%;min-width:0;min-height:44px;font-size:16px}
.calculator-page .hypothesis-row-heading{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:.8rem}
.calculator-page .hypothesis-row-heading h4{margin:0;font-size:1rem}
.calculator-page .hypothesis-actions{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}
.calculator-page .hypothesis-editor button{min-height:44px}
.calculator-page .hypothesis-editor-status{font-size:13px;line-height:1.6;color:var(--muted,#5b655f)}
.calculator-page .offspring-card{transition:none}
.calculator-page .offspring-card:hover{transform:none;box-shadow:none}
.calculator-page #result p{font-size:1rem;line-height:1.6}
.calculator-page #result .probability>div:first-child{font-size:16px;line-height:1.5}
.calculator-page #result .probability.is-impossible{opacity:1}
.calculator-page #result [data-probability-label]{color:#08776e;font-size:17px}
.calculator-page #result .probability.risk [data-probability-label]{color:#864728}
.calculator-page #result .eyebrow{font-size:13px}
.calculator-page #result summary{font-size:13px;min-height:44px;padding:8px 0}
.calculator-page .genetics-denominator button{font-size:13px;min-height:44px;min-width:44px}
.calculator-page .genetics-denominator button.active{background:var(--ink,#233e37);color:#fff;border-color:var(--ink,#233e37)}
.calculator-page .offspring-grid{align-items:start}
.calculator-page .offspring-card h4{font-size:1.125rem;line-height:1.45;margin:0 0 .5rem}
.calculator-page .offspring-percent{font-size:1.85rem;line-height:1.2}
.calculator-page .offspring-status,.calculator-page .offspring-count,.calculator-page .probability-status{font-size:13px}
.calculator-page .offspring-card p,.calculator-page .offspring-intro,.calculator-page .offspring-uncertainty{font-size:1rem;line-height:1.6}
.calculator-page .offspring-atlas{margin-top:1rem;align-items:start}
.calculator-page .offspring-component{width:100%;max-width:180px}
.calculator-page .offspring-component img{height:160px}
.calculator-page .offspring-unpictured{display:block;min-height:0;padding:.6rem 0;margin:1rem 0;font-size:13px}
@media(max-width:460px){.calculator-page .offspring-grid{grid-template-columns:1fr}.calculator-page .offspring-atlas:not(.has-components) .offspring-component img{max-height:210px}.calculator-page .hypothesis-fields{grid-template-columns:1fr}}

/* Existing probabilities, ordered by what this pair can pass on. */
.calculator-page .trait-results{display:block;margin-top:2rem}
.calculator-page .trait-results>h3{font-size:1.35rem;margin:0 0 .5rem;color:var(--ink,#233e37)}
.calculator-page .trait-results-intro{font-size:1rem;line-height:1.6;margin:0 0 1rem;max-width:65ch}
.calculator-page .trait-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-items:start}
.calculator-page .trait-result{padding:1.1rem;background:var(--paper,#fffdf7);border:1px solid #d4ded5;border-radius:12px;box-shadow:none}
.calculator-page .trait-result h4{font-size:1.125rem;line-height:1.4;margin:0 0 1rem;color:var(--ink,#233e37)}
.calculator-page .trait-result .probability-track{height:5px;background:#e5e9e2}
.calculator-page .trait-result .probability-track i{background:#71867b}
.calculator-page .trait-result .probability.risk .probability-track i{background:#a96e62}
.calculator-page .trait-result .carrier-subset{background:transparent;border:0;border-top:1px solid #d4ded5;border-radius:0;padding:.8rem 0 0;margin-top:1rem;font-size:1rem;color:var(--ink,#233e37)}
.calculator-page .offspring-excluded,.calculator-page .denominator-detail{background:transparent;border:1px solid #d4ded5;box-shadow:none}
.calculator-page .offspring-excluded{padding:0 1rem}
.calculator-page .offspring-excluded summary{padding:.6rem 0;min-height:44px}
.calculator-page .offspring-uncertainty{background:transparent;border:0;border-left:3px solid #71867b;border-radius:0;padding:.4rem 0 .4rem 1rem}
.calculator-page .excluded-traits{margin-top:1rem;border:1px solid #d4ded5;padding:0 1rem}
.calculator-page .excluded-traits>summary{padding:.7rem 0;min-height:44px;line-height:1.5}
.calculator-page .excluded-trait-names{display:block;font-size:13px;font-weight:400;color:#425b50;margin-top:.25rem}
.calculator-page .excluded-traits .trait-result-grid{padding-bottom:1rem}
.calculator-page .trait-result-empty{font-size:1rem;line-height:1.6;border-left:3px solid #71867b;padding-left:1rem}
.calculator-page .trait-result-grid:has(>.trait-result:only-child){grid-template-columns:1fr;max-width:760px}
.calculator-page .denominator-detail .help,.calculator-page .calculation-result .result-caveats{font-size:13px;line-height:1.6}
.calculator-page .calculation-result>.notice{font-size:1rem;line-height:1.6}
@media(max-width:680px){.calculator-page .trait-result-grid{grid-template-columns:1fr}.calculator-page .trait-result{padding:1rem}}

/* Expanded pair fields retain readable inputs and native touch disclosures. */
.calculator-page #genetics-wizard select,.calculator-page #genetics-wizard input:not([type=checkbox]):not([type=radio]),.calculator-page #genetics-wizard textarea{font-size:16px}
.calculator-page #genetics-wizard details>summary{min-height:44px;min-width:44px;padding-top:.6rem;padding-bottom:.6rem;font-size:13px;line-height:1.5}
.calculator-page #genetics-wizard label:has(input[type=checkbox]){min-height:44px;font-size:13px;line-height:1.5}
.calculator-page input:not([type=checkbox]):not([type=radio]):not([type=hidden]){font-size:16px}
.calculator-page .genetics-method>summary{min-height:44px;min-width:44px;padding:.6rem 0;font-size:13px;line-height:1.5}
.calculator-page #genetics-wizard p,.calculator-page #genetics-wizard li,.calculator-page .calculator-help-grid p{font-size:16px;line-height:1.6}
.calculator-page #genetics-wizard .help{font-size:13px;line-height:1.6}
.calculator-page .eyebrow,.calculator-page #genetics-wizard .parent-kicker,.calculator-page #genetics-wizard .parent-preview-note,.calculator-page #genetics-wizard .rare-line-index,.calculator-page #genetics-wizard .trait-more-count,.calculator-page #genetics-wizard .source-load,.calculator-page .calculator-help-grid .text-link{font-size:13px}
.calculator-page #genetics-wizard .trait-more-count,.calculator-page #genetics-wizard .muted,.calculator-page .calculator-help-grid p{color:#425b50}
.calculator-page #genetics-wizard .parent-color-hint{font-size:13px!important}
.calculator-page #genetics-wizard .basic-color>span,.calculator-page #genetics-wizard .inheritance-heading>span{font-size:13px}
.calculator-page .help-heading p{font-size:16px;color:#425b50;line-height:1.6}