/* Parent-first teaching workspace; original MJM portrait library. */
.parent-builder-page{--pb-ink:#f2eee4;--pb-green:#f2eee4;--pb-paper:#0d1713;--pb-line:#405247;--pb-muted:#c2cabc;background:var(--pb-paper);color:var(--pb-ink)}
.parent-builder-page .page-main{padding-top:0;background:var(--pb-paper);color:var(--pb-ink)}
.parent-builder-page .wrap{max-width:1200px}
.parent-intro{padding-top:30px;padding-bottom:28px}.parent-intro h1{font-family:Fraunces,serif;font-size:clamp(2rem,4.4vw,3.6rem);line-height:1.1;max-width:900px;margin:20px 0 16px;color:#f2eee4}.parent-intro>p{max-width:850px;line-height:1.65;font-size:1.1rem}.parent-intro .parent-qualification{font-size:.86rem;color:var(--pb-muted);margin-top:12px}.parent-qualification a{color:#efc781;text-decoration:underline}
#builder-root{padding-bottom:28px}#builder-root button,#builder-root input,#builder-root select{font:inherit}#builder-root button{min-height:44px;cursor:pointer;border:1px solid #6b8070;background:#17271f;color:#f2eee4;border-radius:7px;padding:10px 15px;font-weight:600;text-align:left}#builder-root button:hover{border-color:#efc781;background:#263f30}#builder-root :is(button,input,select,summary):focus-visible{outline:3px solid #efc781;outline-offset:3px}#builder-root input:not([type=checkbox]),#builder-root select{width:100%;min-height:46px;background:#132219;color:#f2eee4;border:1px solid #6b8070;border-radius:5px;padding:10px;min-width:0}#builder-root label{display:block;font-weight:600;font-size:.9rem}#builder-root label :is(select,input:not([type=checkbox])){margin-top:8px}#builder-root [hidden]{display:none!important}
#builder-root h2{font-family:Fraunces,serif;font-size:clamp(1.5rem,2.5vw,2rem);color:#f2eee4;line-height:1.2;margin:0 0 15px}#builder-root h3{font-size:1.08rem;line-height:1.35;margin:0 0 10px}#builder-root p{line-height:1.6;margin:0 0 12px}.pair-notice{padding:12px 16px;background:#203329;border-left:4px solid #c8a464;margin-bottom:18px;font-size:.92rem}.section-task{display:flex;align-items:baseline;gap:20px;justify-content:space-between}.section-task>span{color:#c2cabc;font-size:.86rem}.template-explanation{color:var(--pb-muted);font-size:.92rem;max-width:900px}
.selected-parents{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.selected-parent{min-width:0;border:1px solid var(--pb-line);border-top:4px solid #507048;background:#17271f;border-radius:9px;padding:18px}.parent-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.parent-top h3{margin:0!important;text-transform:uppercase;font-size:.85rem!important;letter-spacing:.08em}.parent-top button{font-size:.85rem!important}.empty-parent{min-height:175px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:#17271f}.empty-parent button{margin-top:5px}.parent-portrait{margin:0}.parent-portrait>div{margin:6px -5px 0}.parent-portrait svg{width:100%;height:auto;display:block}.parent-portrait figcaption h3{font-family:Fraunces,serif;font-size:1.35rem!important}.parent-portrait figcaption p{font-size:.86rem;color:var(--pb-muted)}.carrier-note{color:#e7bc79!important;font-weight:600}.uncertain-note,.unmodeled-note{background:#25352a;padding:12px;border-left:3px solid #b78b39;font-size:.9rem}.parent-records{border-top:1px solid var(--pb-line);margin-top:15px;padding-top:14px}.parent-records summary,.all-outcomes summary{cursor:pointer;padding:10px 0;min-height:44px;font-weight:600}.record-note{font-size:.82rem;color:var(--pb-muted)}.known-gene{margin:16px 0}.known-gene p{font-size:.8rem;margin-top:6px!important;color:var(--pb-muted)}.add-known-label{margin-top:18px}.pair-examples{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:18px 0 26px}.pair-examples span{font-size:.87rem}.pair-examples button{font-size:.82rem!important;padding:8px 12px!important}
.parent-chooser{border:1px solid #405247;background:#17271f;border-radius:10px;padding:24px;margin:20px 0 35px;scroll-margin-top:25px}.chooser-heading{display:flex;justify-content:space-between;gap:25px;align-items:flex-start}.chooser-heading p{font-size:.9rem;max-width:750px}.chooser-heading>button{white-space:nowrap}.chooser-tools{display:grid;grid-template-columns:2fr 1fr auto;align-items:end;gap:15px;margin-top:16px}.parent-count{font-size:.83rem;color:#c2cabc;margin-top:16px!important}.parent-library{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.parent-choice{display:flex;flex-direction:column;padding:12px!important;overflow:hidden}.parent-choice .catalog-art{display:block;width:100%;margin:0 0 8px}.catalog-art svg{display:block;width:100%;height:auto}.parent-choice>strong{font-family:Fraunces,serif;font-size:1.08rem;margin-bottom:7px}.catalog-description{font-weight:400;font-size:.8rem;line-height:1.5;margin-bottom:15px}.catalog-category{font-size:.72rem;line-height:1.45;color:#c2cabc;margin-top:auto}.image-qualification{font-size:.79rem;color:#c2cabc;line-height:1.55!important;margin-top:15px!important}.parent-empty{grid-column:1/-1;padding:30px 10px}
.inheritance-section,.offspring-section{border-top:1px solid #405247;padding-top:28px;margin-top:30px;scroll-margin-top:25px}.flow-empty{color:#c2cabc;padding:17px;background:#17271f;border-radius:6px}.inheritance-summary{display:flex;gap:20px;flex-wrap:wrap}.inherited-trait{border-left:3px solid #739260;padding:6px 16px;background:#17271f;flex:1;min-width:210px}.inherited-trait p{display:flex;flex-wrap:wrap;gap:10px 22px;font-size:.9rem}.inherited-trait span{display:block}.inherited-trait b{color:#f2eee4}.probability-note{font-size:.82rem;color:#c2cabc;margin-top:18px!important}.line-assumption{display:flex!important;align-items:center;gap:12px;padding:14px;background:#17271f;margin-bottom:18px}.line-assumption input{width:22px;height:22px;flex:none;accent-color:#345e3c}.unknown-information,.welfare-warning{padding:18px;background:#392b20;border-left:4px solid #a56529;margin:15px 0}.welfare-warning h3{color:#f2c391}.unknown-information button{margin:5px}.all-outcomes{border-bottom:1px solid var(--pb-line)}#combined-outcome-list{max-height:370px;overflow:auto;padding:10px}#combined-outcome-list p{font-size:.85rem}#combined-outcome-list ol{padding-left:24px;margin:0}#combined-outcome-list li{padding:10px;border-bottom:1px solid var(--pb-line);font-size:.85rem}#combined-outcome-list strong{margin-right:15px}
.offspring-workspace{display:grid;grid-template-columns:1.1fr 1fr;gap:30px;margin-top:22px}.offspring-portrait{margin:0;min-width:0}.offspring-art{background:#c8c5ad;border-radius:8px;padding:14px 0}.offspring-art svg{display:block;width:100%;height:auto}.offspring-portrait figcaption{padding:20px 4px}.example-label{font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:#e7bc79}.offspring-portrait h3{font-family:Fraunces,serif;font-size:1.8rem!important;margin:9px 0 12px!important}.selected-odds{font-size:.92rem;margin-top:15px!important}.selected-odds b{color:#edcf99}.subtle-trait{font-size:.85rem}.offspring-choice-panel{min-width:0}.offspring-gene{border:0;border-bottom:1px solid var(--pb-line);padding:0 0 18px;margin:0 0 18px;min-width:0}.offspring-gene legend{font-size:.9rem;font-weight:600;margin-bottom:10px}.offspring-gene>div{display:flex;gap:8px;flex-wrap:wrap}.offspring-gene button{flex:1;min-width:120px;font-size:.83rem!important}.offspring-gene button strong,.offspring-gene button span{display:block}.offspring-gene button span{font-size:.76rem;font-weight:400;margin-top:5px}.offspring-gene button[aria-pressed=true]{background:#e7bc79!important;color:#18291e!important;border-color:#e7bc79!important}.offspring-gene .risk-choice{border-color:#ab6630!important}.risk-portrait{padding:35px 25px;color:#f2c391}.risk-portrait strong{display:block;font-size:1.3rem;margin-bottom:10px}.resemblance-controls{margin-top:22px}.resemblance-controls>p{font-size:.85rem;color:#c2cabc}.resemblance-controls label{margin-top:15px}.trait-provenance{border-top:1px solid var(--pb-line);margin-top:12px;padding-top:22px}.trait-provenance dl{display:grid;grid-template-columns:1fr 1fr;gap:0 30px;margin:0}.trait-provenance dl>div{padding:15px 0;border-bottom:1px solid var(--pb-line)}.trait-provenance dt{font-weight:700;margin-bottom:6px}.trait-provenance dd{margin:0;font-size:.86rem}.trait-provenance dd p{color:#c2cabc;margin:5px 0 0!important}.pair-actions{margin-top:28px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}.pair-actions>p{font-size:.85rem;width:100%}.pair-actions>label{width:100%}#share-pair{background:#e7bc79!important;color:#18291e!important}
.builder-reference{border-top:1px solid #c4cdb7!important;padding-top:35px!important;color:#f2eee4}.builder-source-columns{display:grid;grid-template-columns:1fr 1fr;gap:30px}.builder-source-columns h3{margin:22px 0 10px}.builder-source-columns p,.builder-source-columns li{font-size:.9rem;line-height:1.7}.builder-source-columns li{margin-bottom:10px}.builder-reference a{color:#efc781;text-decoration:underline}.builder-reading-links{display:flex;flex-wrap:wrap;gap:20px;margin:25px 0}.builder-reading-links a{font-weight:600;font-size:.9rem}
@media(max-width:760px){.parent-intro{padding-top:20px;padding-bottom:20px}.parent-intro>p{font-size:.98rem}.section-task{display:block}.section-task>span{display:block;margin-bottom:12px}.selected-parents{gap:12px}.selected-parent{padding:12px}.parent-top{align-items:flex-start;flex-direction:column;gap:8px}.parent-portrait figcaption h3{font-size:1.1rem!important}.parent-portrait figcaption p{font-size:.8rem}.parent-chooser{padding:16px}.chooser-heading{display:block}.chooser-heading>button{margin:2px 0 12px}.chooser-tools{grid-template-columns:1fr 1fr}.chooser-tools>label:first-child{grid-column:1/-1}.parent-library{grid-template-columns:repeat(2,minmax(0,1fr))}.parent-choice{padding:10px!important}.parent-choice>strong{font-size:1rem}.catalog-description{font-size:.76rem}.offspring-workspace{grid-template-columns:1fr;gap:10px}.offspring-portrait h3{font-size:1.6rem!important}.trait-provenance dl,.builder-source-columns{grid-template-columns:1fr}.trait-provenance dl{gap:0}.builder-reading-links{display:grid;gap:15px}.parent-records summary{font-size:.8rem}.record-note{font-size:.78rem}.known-gene label{font-size:.8rem!important}.known-gene select{font-size:.78rem!important}.selected-parent .add-known-label,.selected-parent [data-add-known]{font-size:.78rem!important}}
@media(max-width:420px){.selected-parents{grid-template-columns:1fr}.parent-top{flex-direction:row;align-items:center}.parent-portrait{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center}.parent-portrait>div{margin:0 -8px}.parent-portrait figcaption{padding-top:10px}.parent-portrait figcaption p{font-size:.76rem}.empty-parent{min-height:140px}.parent-library{gap:9px}.catalog-category{font-size:.67rem}.chooser-tools{grid-template-columns:1fr}.chooser-tools>label:first-child{grid-column:auto}.chooser-tools>button{width:100%}.pair-examples{align-items:stretch}.pair-examples>span{width:100%}.pair-examples>button{flex:1}.parent-choice .catalog-art{margin-bottom:3px}.catalog-description{font-size:.73rem}.parent-intro .breadcrumb{font-size:.7rem;flex-wrap:wrap}.parent-intro h1{font-size:2rem}.offspring-gene button{min-width:100px}.parent-top button{font-size:.78rem!important}}
@media(prefers-reduced-motion:reduce){.parent-builder-page *{scroll-behavior:auto!important}}
/* The shared jungle skin is injected after page CSS; override its main canvas. */
body.jungle-frame.parent-builder-page,body.jungle-frame.parent-builder-page .page-main{background:var(--pb-paper);color:var(--pb-ink)}
body.jungle-frame.parent-builder-page .page-main{padding-top:78px}
.parent-builder-page .parent-intro .breadcrumb{color:#c2cabc}.parent-builder-page .parent-intro .breadcrumb a:hover{color:#f2eee4;text-decoration:underline}
@media(max-width:980px){body.jungle-frame.parent-builder-page .page-main{padding-top:68px}}
.parent-builder-page :is(#parent-heading,#chooser-heading,#inheritance-heading,#offspring-heading,.inheritance-section,.offspring-section){scroll-margin-top:100px}

/* Shared MJM jungle identity: gold selections, forest canvas, warm text. */
.parent-builder-page .parent-intro h1{font-size:clamp(2rem,3.3vw,2.7rem);max-width:950px}.parent-builder-page .parent-intro>p{font-size:1rem}
#builder-root :is(input,select){color-scheme:dark}#builder-root button:disabled{opacity:.42;cursor:default}#builder-root button[aria-pressed=true]{background:#e7bc79;color:#18291e;border-color:#e7bc79}
.parent-builder-page .parent-portrait>div{background:#c8c5ad;border-radius:3px;padding:3px}.parent-builder-page .parent-portrait figcaption p,.parent-builder-page .template-explanation{color:#c2cabc}.parent-builder-page .selected-parent{border-radius:4px;background:#17271f}.parent-builder-page .parent-chooser{border-radius:4px}
.parent-presets{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid #405247;padding-top:15px;margin-top:20px}.parent-presets>span{width:100%;font-size:.78rem;color:#c2cabc}.parent-presets button{font-size:.78rem!important;flex:1}.appearance-editor{margin-top:20px;border-top:1px solid #405247;padding-top:12px}.appearance-field{border:0;padding:10px 0;margin:0;min-width:0}.appearance-field legend{font-size:.82rem;color:#d1d7c9;font-weight:600}.appearance-field>div{display:flex;flex-wrap:wrap;gap:6px}.appearance-field button{font-size:.8rem!important;min-height:44px;padding:8px 11px!important}.appearance-editor>.record-note{margin-top:12px!important}.parent-records{margin-top:10px}
.results-summary{padding:18px 0;border-block:1px solid #405247}.results-summary>p{max-width:900px;font-size:.9rem}.results-summary>p:first-child{font-size:1.15rem;color:#edcf99}.results-summary button{font-size:.85rem!important}.enumeration-note{margin-top:20px}.enumeration-note summary{cursor:pointer;min-height:44px;padding:10px 0;font-weight:600}.enumeration-note p{font-size:.85rem;color:#c2cabc}.outcome-nav{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:20px 0}.outcome-nav p{margin:0!important;margin-right:auto!important;font-size:.85rem}.outcome-nav button{font-size:.8rem!important}.genetic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.genetic-outcome{min-width:0;border-top:2px solid #b49462;background:#17271f;padding:20px}.genetic-outcome h3{font-family:Fraunces,serif;font-size:1.35rem!important;color:#f2eee4}.genetic-probability{font-size:.96rem;color:#edcf99;font-weight:700}.genetic-copy-description{font-size:.82rem;color:#c2cabc}.outcome-portrait{background:#c8c5ad;border-radius:3px;padding:10px 0}.outcome-portrait svg{width:100%;height:auto;display:block}.representative-note{font-size:.77rem;color:#c2cabc;margin-top:12px!important}.genetic-record{border-top:1px solid #405247;margin-top:15px}.genetic-record summary,.group-gallery>summary{cursor:pointer;min-height:44px;padding:12px 0;font-size:.85rem;font-weight:600}.genetic-record dl{margin:0;padding:0 0 12px}.genetic-record dl>div{padding:5px 0}.genetic-record dt{font-size:.82rem;font-weight:600}.genetic-record dd{margin:3px 0 0;font-size:.8rem;color:#c2cabc}.group-gallery{border-top:1px solid #405247;margin-top:5px}.gallery-context{font-size:.8rem;color:#c2cabc}.gallery-count{font-size:.8rem;color:#edcf99}.appearance-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.appearance-gallery figure{margin:0;min-width:0}.appearance-gallery figure>div{background:#c8c5ad;border-radius:3px}.appearance-gallery svg{display:block;width:100%;height:auto}.appearance-gallery figcaption{padding-top:10px}.appearance-gallery strong{font-size:.83rem;line-height:1.45;display:block}.appearance-gallery span,.appearance-gallery small{display:block;font-size:.73rem;color:#c2cabc;margin-top:6px;line-height:1.5}.gallery-pagination{display:flex;gap:10px;justify-content:space-between;margin-top:20px}.gallery-pagination button{font-size:.78rem!important}.builder-reference :is(p,li){color:#c2cabc}.builder-reference h3{color:#f2eee4}.builder-reference .learning-details summary{min-height:44px;cursor:pointer}.parent-builder-page .parent-intro .breadcrumb a:hover{color:#edcf99}
@media(max-width:760px){.genetic-grid{grid-template-columns:1fr}.selected-parents{grid-template-columns:1fr}.parent-top{flex-direction:row;align-items:center}.parent-portrait{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:center}.parent-portrait figcaption h3{font-size:1.1rem!important}.parent-portrait>div{margin:0}.genetic-outcome{padding:16px}.appearance-field button{flex-grow:1}.parent-builder-page .parent-portrait figcaption p{font-size:.76rem}.parent-presets button{flex-basis:140px}.pair-examples button{flex-basis:100%}.outcome-nav>p{width:100%}}
@media(max-width:350px){.parent-portrait{grid-template-columns:1fr}.parent-portrait>div{max-width:100%;margin:0}.appearance-gallery{grid-template-columns:1fr}.parent-top button{max-width:150px}.gallery-pagination{flex-direction:column}}

.pattern-feedback{margin:4px 0 14px}.pattern-feedback>p,.coverage-feedback{font-size:.8rem;color:#d0d7c8}.pattern-comparison{border-block:1px solid #405247;padding:4px 0}.pattern-comparison summary{padding:10px 0;min-height:44px;cursor:pointer;font-size:.85rem;font-weight:600;color:#edcf99}.pattern-comparison figure{margin:8px 0 10px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:15px;align-items:center}.pattern-comparison figure>div{background:#c8c5ad;border-radius:3px}.pattern-comparison svg{display:block;width:100%;height:auto}.pattern-comparison figcaption strong{font-size:.84rem}.pattern-comparison figcaption p{font-size:.75rem;line-height:1.55!important;margin:6px 0 0!important;color:#c2cabc}
@media(max-width:760px){.parent-builder-page .parent-portrait{display:block}.parent-builder-page .parent-portrait>div{margin:10px 0}.parent-builder-page .parent-portrait figcaption p{font-size:.86rem}.pattern-comparison figure{grid-template-columns:1fr}.pattern-comparison figure>div{max-width:100%}.pattern-comparison figcaption p{font-size:.8rem}}