/* A focused field lesson within the established MJM identity. */
.learning-page{--lesson-muted:#c2cabc;--lesson-line:#405247;--lesson-paper:#f0e7d7}
.learning-page :is(a,button,input,select,summary):focus-visible{outline:3px solid #efc781;outline-offset:5px}
.learning-page :is(section,nav)[id]{scroll-margin-top:100px}
.jungle-frame.learning-page .lesson-hero{height:auto;min-height:470px;max-height:none;align-items:center}
.jungle-frame.learning-page .lesson-hero .page-hero-content{padding-top:135px;padding-bottom:52px}
.jungle-frame.learning-page .lesson-hero h1{font-size:clamp(2.4rem,4vw,3.6rem);max-width:660px;line-height:1.1}
.jungle-frame.learning-page .lesson-hero .page-hero-content>p:not(.eyebrow){max-width:610px;font-size:1.04rem;color:#d7dcd3}
.learning-page .lesson-hero .breadcrumb{margin-bottom:18px}
.learning-page .lesson-text-link{color:#efc781;font-weight:600;display:inline-block;padding-block:12px;text-decoration:underline;text-underline-offset:5px}
.learning-page .button-row{align-items:center;gap:24px}
.learning-page .learning-route{padding-top:25px;padding-bottom:28px;border-bottom:1px solid var(--lesson-line)}
.learning-route>p{margin:0 0 12px;color:var(--lesson-muted);font-size:.92rem}
.learning-route ol{list-style:none;display:flex;flex-wrap:wrap;gap:16px 44px;padding:0;margin:0}
.learning-route a{display:flex;align-items:center;gap:12px;font-weight:600;min-height:44px}
.learning-route a:hover{text-decoration:underline;text-underline-offset:4px}
.learning-route a[aria-current]{color:#efc781}
.learning-route a>span{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--lesson-line);font-family:var(--serif);color:#efc781}
.learning-page .lesson-section{padding-top:64px;padding-bottom:64px;color:#f2eee4}
.learning-page .lesson-heading{max-width:790px;margin-bottom:30px}
.learning-page .lesson-heading h2,.learning-page .lesson-next h2{font-size:clamp(1.9rem,3vw,2.6rem);margin-bottom:16px;line-height:1.16}
.learning-page .lesson-heading>p:not(.eyebrow){color:#cbd1c6;line-height:1.8;font-size:1rem}
.learning-page p{line-height:1.75}
.learning-page .lesson-section p{font-size:1rem}
.learning-page .lesson-section a:not(.button){color:#efc781;text-decoration:underline;text-underline-offset:4px}
.learning-page .lesson-band{background:#17271f}
.see-carry{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-bottom:30px}
.see-carry>div+div{border-left:1px solid var(--lesson-line);padding-left:40px}
.learning-page h3{font-size:1.35rem;line-height:1.35}
.see-carry h3{margin:0 0 12px}.see-carry p{color:#cbd1c6}
.learning-page .lesson-note{padding:16px 20px;border-left:3px solid #c8a464;background:#203329;color:#d7ddcf;margin-top:24px;margin-bottom:24px;font-size:.96rem}
.copy-flow{display:flex;align-items:center;justify-content:space-between;gap:14px;max-width:900px;padding:28px 0 36px}
.copy-flow>div{flex:1;padding:20px 10px;border-top:1px solid #b49462;border-bottom:1px solid var(--lesson-line);text-align:center}
.copy-flow small{display:block;font-size:.88rem;color:#cbd1c6}.copy-flow b{display:block;font:600 2rem var(--serif);margin-top:8px;color:#f4d7a0}
.copy-flow>span{font-size:1.5rem;color:#cbd1c6}
.lesson-subheading{margin:24px 0}
.inheritance-list{margin:0}.inheritance-list>div{display:grid;grid-template-columns:220px 1fr;gap:30px;border-top:1px solid var(--lesson-line);padding:23px 0}
.inheritance-list dt{font:600 1.25rem var(--serif);color:#f4d7a0}.inheritance-list dd{margin:0;color:#cbd1c6;line-height:1.8;max-width:750px}
.state-key{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:0 0 36px;padding:24px;background:var(--lesson-paper);color:#253d2e}
.state-key dt{font-weight:700;margin-bottom:8px}.state-key dd{margin:0;line-height:1.7}
.pairing-controls{display:grid;grid-template-columns:1fr 1fr;gap:36px}.pairing-controls fieldset{min-width:0;border:0;padding:0;margin:0}
.pairing-controls legend{font:600 1.35rem var(--serif);margin-bottom:16px}
.parent-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.parent-options button,.lesson-reset{font:600 1rem var(--sans);border:1px solid #6b8070;background:transparent;color:#f2eee4;padding:14px 10px;cursor:pointer;min-height:48px;border-radius:4px}
.parent-options button span{display:block;font-weight:400;font-size:.78rem;margin-top:5px}
.parent-options button[aria-pressed="true"]{background:#e7bc79;color:#18291e;border-color:#e7bc79;box-shadow:inset 0 -4px #b07835}
.parent-options button:hover,.lesson-reset:hover{border-color:#f4d7a0}
.pairing-summary{border-block:1px solid var(--lesson-line);padding:22px 0;margin:30px 0;font-size:1.12rem;color:#f4d7a0;line-height:1.7}
.pairing-explanation{display:grid;grid-template-columns:1fr 1fr;gap:48px}.pairing-explanation p{color:#cbd1c6}
.pairing-explanation h3{margin-bottom:12px}
.combination-table{width:100%;border-collapse:collapse;margin-top:22px;text-align:left;font-size:1rem}
.combination-table th{font-size:.82rem;color:#d4dcce;font-weight:500}.combination-table td,.combination-table th{padding:13px 8px;border-bottom:1px solid var(--lesson-line)}
.combination-table td:last-child b{color:#f4d7a0}.learning-result{margin:20px 0}.learning-result>div:first-child{display:flex;justify-content:space-between;gap:8px}.learning-result small{font-weight:400}.learning-bar{height:8px;background:#354b3c;margin-top:9px}.learning-bar span{display:block;background:#e7bc79;height:100%}
.learning-page .quiz-card{background:transparent;padding:0;gap:48px;border-radius:0;margin:0;color:#f2eee4;grid-template-columns:.8fr 1.2fr}
.learning-page .quiz-card .quiz-intro p{color:#cbd1c6;font-size:1rem}.learning-page .quiz-card h2{font-size:2.2rem}
.learning-page .quiz-card legend{font-size:1.15rem}.learning-page .quiz-card label{color:#f2eee4;background:#24392c;font-size:1rem;padding:13px}.learning-page .quiz-card input{accent-color:#b88048}.learning-page .quiz-card fieldset{border-color:var(--lesson-line)}
.learning-page .quiz-actions{flex-direction:column;align-items:start}.learning-page .quiz-actions p{color:#e5d9bd}.learning-page .quiz-actions p.success{color:#d2e7c5}
.learning-page .quiz-card .answer-explanation{color:#e4d0a6;font-size:.94rem;margin:18px 0 0;border-left:2px solid #c8a464;padding-left:14px}
.jungle-frame.learning-page .glossary-section{padding:60px 0;background:#101d16;border-block:1px solid var(--lesson-line)}
.learning-page .glossary-section h2{font-size:2.2rem}.jungle-frame.learning-page .glossary-card p{color:#cbd1c6;font-size:.94rem}
.learning-page .glossary-grid{grid-template-columns:repeat(3,1fr);gap:0 30px}.jungle-frame.learning-page .glossary-card{border-radius:0;background:transparent;padding:20px 0;border-top:1px solid var(--lesson-line)}
.learning-page .learning-sources{color:#b7c2b1;font-size:.84rem!important;max-width:850px;margin-top:28px}
.morph-comparisons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 28px}
.morph-comparison{margin:0;min-width:0}.morph-comparison img{display:block;width:100%;height:auto;border-radius:2px}.morph-comparison figcaption{padding:18px 0 0}.morph-comparison h3{margin:0 0 6px;font-size:1.5rem}.morph-comparison strong{display:block;color:#e8c58f;font-weight:500}.morph-comparison p{color:#cbd1c6;margin:10px 0}
.listing-breakdown{display:grid;grid-template-columns:.65fr 1fr 1fr 1.5fr;gap:24px;border-top:1px solid #b49462;padding:24px 0;margin:0}
.listing-breakdown dt{font:600 1.5rem var(--serif);color:#f4d7a0;margin-bottom:12px}.listing-breakdown dd{margin:0;color:#cbd1c6;line-height:1.7}.listing-breakdown dd strong{display:block;font-size:.85rem;color:#e4e7dc;margin-bottom:6px}
.learning-details{margin-top:24px;border-block:1px solid var(--lesson-line);padding:0}.learning-details summary{padding:18px 4px;cursor:pointer;color:#f4d7a0;font-weight:600;min-height:48px}.learning-details p{color:#cbd1c6;padding-bottom:12px}
.learning-page .directory-tools{display:flex;flex-wrap:wrap;align-items:end;gap:18px;margin-bottom:30px}.learning-page .directory-search{flex:1;min-width:220px}.learning-page .directory-search input,.learning-page .directory-search select{font:400 1rem var(--sans);width:100%;padding:14px;background:#172b20;color:#f2eee4;border:1px solid #69816b;border-radius:4px;min-height:50px}.learning-page .directory-search span{display:block;margin-bottom:8px;color:#d2dacb;font-size:.9rem}.learning-page .directory-count{flex-basis:100%;color:#cbd1c6}.learning-page .lesson-reset{height:50px;padding-inline:20px}
body.jungle-frame.learning-page[data-page="morphs"] #morph-directory .morph-group{width:100%;padding:38px 0;margin:0;border-top:1px solid var(--lesson-line);background:transparent}
body.jungle-frame.learning-page[data-page="morphs"] #morph-directory .morph-group-heading{grid-template-columns:1fr;gap:0;margin-bottom:22px}.learning-page .morph-group-heading>span{display:none}.learning-page .morph-group-heading h2{font-size:1.75rem}.learning-page .morph-group-heading p{max-width:750px}
body.jungle-frame.learning-page[data-page="morphs"] #morph-directory .term-card{grid-template-columns:minmax(180px,.35fr) minmax(0,1fr);gap:20px;padding:22px 0}.learning-page .term-profile-link{display:block;width:fit-content;margin-top:8px}.learning-page .trait-library{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 30px}
.jungle-frame.learning-page .trait-card{background:transparent;border:0;border-top:1px solid var(--lesson-line);padding:24px 0;border-radius:0}.jungle-frame.learning-page .trait-card p{color:#cbd1c6}.learning-page .trait-card .status{color:#e6c28b;background:transparent;padding:0;font-size:.8rem}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:1000px){.morph-comparisons{grid-template-columns:1fr 1fr}.parent-options{grid-template-columns:1fr}.parent-options button{text-align:left;padding:12px 16px}.parent-options button span{display:inline;margin-left:10px}.listing-breakdown{grid-template-columns:1fr 1fr}.learning-page .quiz-card{grid-template-columns:1fr;gap:24px}.learning-page .learning-route ol{gap:12px 24px}.learning-page .trait-library{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.jungle-frame.learning-page .lesson-hero{min-height:0;max-height:none}.jungle-frame.learning-page .lesson-hero .page-hero-content{padding-top:110px;padding-bottom:32px}.jungle-frame.learning-page .lesson-hero h1{font-size:2.35rem}.jungle-frame.learning-page .lesson-hero:after{background:linear-gradient(90deg,rgba(13,23,19,.98),rgba(13,23,19,.86))}.learning-page .lesson-hero .breadcrumb{margin-bottom:18px}.learning-page .lesson-hero .eyebrow{font-size:.64rem}.learning-page .lesson-section{padding-block:42px}.learning-page .learning-route{padding-block:20px}.learning-route ol{display:grid;gap:0}.learning-route a{min-height:48px}.learning-route a>span{width:26px;height:26px}.see-carry,.pairing-controls,.pairing-explanation{grid-template-columns:1fr;gap:26px}.see-carry>div+div{border-left:0;border-top:1px solid var(--lesson-line);padding:24px 0 0}.learning-page .lesson-note{padding:14px 16px}.inheritance-list>div{grid-template-columns:1fr;gap:8px;padding-block:20px}.copy-flow{gap:5px;padding-block:8px 20px}.copy-flow>div{padding:16px 4px}.copy-flow small{font-size:.75rem}.copy-flow b{font-size:1.5rem}.copy-flow>span{font-size:1.1rem}.state-key{grid-template-columns:1fr;gap:18px;padding:20px}.state-key>div+div{border-top:1px solid #c2b49c;padding-top:16px}.parent-options{grid-template-columns:1fr}.pairing-controls legend{margin-bottom:10px}.pairing-summary{margin-block:24px}.combination-table td,.combination-table th{padding:12px 5px}.morph-comparisons{grid-template-columns:1fr;gap:32px}.morph-comparison figcaption{padding-top:14px}.morph-comparison p{margin-bottom:4px}.listing-breakdown{grid-template-columns:1fr;gap:20px}.listing-breakdown>div+div{border-top:1px solid var(--lesson-line);padding-top:18px}.listing-breakdown dt{margin-bottom:5px}.learning-page .directory-search{min-width:0;flex-basis:100%}.learning-page .directory-tools{gap:14px}.learning-page .lesson-reset{width:100%}body.jungle-frame.learning-page[data-page="morphs"] #morph-directory .term-card{grid-template-columns:1fr;gap:8px}body.jungle-frame.learning-page[data-page="morphs"] #morph-directory .term-card .caution{grid-column:1;margin:0}.learning-page .trait-library,.learning-page .glossary-grid{grid-template-columns:1fr}.learning-page .quiz-card{gap:18px}.learning-page .quiz-card label{padding:12px}.learning-page .quiz-card legend{line-height:1.6}.learning-page .button-row{gap:8px 20px}.learning-page .lesson-next h2{font-size:2rem}}
/* Existing shared hero rules reserve a separate photo area on phones; lessons begin immediately. */
.learning-page :is(section,nav)[id]{scroll-margin-top:16px}
@media(max-width:700px){.jungle-frame.learning-page .lesson-hero{padding-top:0}.jungle-frame.learning-page .lesson-hero>img{height:100%;-webkit-mask-image:none;mask-image:none;object-position:center;opacity:.45}}

.builder-entry{display:flex;gap:24px;justify-content:space-between;align-items:center;padding-block:24px;border-bottom:1px solid var(--lesson-line)}.builder-entry strong{font:600 1.3rem var(--serif);color:#edcf99}.builder-entry p{max-width:680px;font-size:.92rem;color:#cbd1c6;margin:7px 0 0}.builder-entry .button{flex-shrink:0}@media(max-width:700px){.builder-entry{flex-direction:column;align-items:start;gap:18px}.builder-entry .button{width:100%;font-size:.85rem}}