/* Interactive characteristics observatory; scoped to preserve other lessons. */
.traits-lab{padding:10px 0 5px}.traits-kicker{font:800 9px/1.6 'DM Sans',sans-serif;letter-spacing:.15em;color:var(--muted)}.traits-intro{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:15px 5px 28px}.traits-intro h3{font:600 clamp(33px,4vw,48px)/1.08 'Fraunces',serif;letter-spacing:-.04em;color:var(--ink);margin:15px 0}.traits-intro h3>span{color:#ae9358}.traits-intro>div>p{max-width:450px;color:var(--muted);font-size:13px;line-height:1.85}.traits-meter{flex:0 0 220px;border:1px solid var(--line);border-radius:18px;padding:18px 20px;background:var(--tint)}.traits-meter>span{font-size:8px;letter-spacing:.14em;font-weight:800;color:var(--muted)}.traits-meter>strong{display:block;font:600 42px/1.2 'Fraunces',serif;margin-top:8px}.traits-meter small{font-size:22px;color:var(--muted)}.traits-meter>p{font-size:10px;color:var(--muted);line-height:1.7}.traits-dots{display:flex;gap:5px;margin:12px 0 8px}.traits-dots i{width:17px;height:5px;border-radius:8px;background:var(--line)}.traits-dots i.seen{background:#689170}.traits-meter #traits-progress-note{font-size:9px}.traits-workbench{display:grid;grid-template-columns:210px minmax(0,1fr);gap:17px;align-items:start}.traits-navigation{display:grid;gap:8px}.traits-nav-item{position:relative;display:flex;gap:11px;align-items:center;padding:12px 13px;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:12px;min-height:65px;text-align:left;width:100%;transition:background .2s,border-color .2s,transform .2s}.traits-nav-item:hover{border-color:#8fab90;transform:translateX(2px)}.traits-nav-number{font-size:10px;color:var(--muted);font-weight:700;align-self:flex-start;padding-top:4px}.traits-nav-label{font-size:11px;line-height:1.55;font-weight:700;padding-right:11px}.traits-nav-item .traits-seen-mark{font-size:11px;position:absolute;right:9px;color:#50825c}.traits-nav-item.is-active{background:#1d5b4d;color:#fcf9ee;border-color:#1d5b4d;box-shadow:0 5px 16px #174e3820}.traits-nav-item.is-active .traits-nav-number,.traits-nav-item.is-active .traits-seen-mark{color:#cce0c9}.traits-stage{min-width:0;background:var(--tint);border:1px solid var(--line);border-radius:22px;overflow:hidden}.traits-stage-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:20px 22px 14px;font-size:8px;letter-spacing:.12em;color:var(--muted);font-weight:800}.traits-model-label{display:flex;align-items:center;gap:6px;font-size:7px;letter-spacing:.07em}.traits-model-label i{width:5px;height:5px;background:#719568;border-radius:50%}.traits-stage-grid{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,1fr);gap:0;min-height:535px}.traits-visual-area{display:flex;flex-direction:column;min-width:0;padding:0 8px 20px 20px;justify-content:center}.traits-visual{width:100%;aspect-ratio:1/1;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}.traits-visual:before{content:'';position:absolute;inset:7%;border-radius:50%;background:radial-gradient(circle,#d4e4c9,#edf3e900 70%);z-index:-1}.traits-visual svg{display:block;width:100%;height:auto;max-height:330px;overflow:visible}.traits-visual text{font-family:'DM Sans',sans-serif}.traits-visual .float-cell{animation:traits-bob 6s ease-in-out infinite}.traits-visual .dna-strand{animation:traits-dna 4s ease-in-out infinite}.traits-visual-note{font-size:9px;line-height:1.7;text-align:center;color:var(--muted);padding:0 10px;margin-top:12px}.traits-controls{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;padding:0 4px;min-height:44px}.traits-controls button{background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:9px;min-height:40px;padding:9px 11px;font-size:10px;font-weight:600;transition:background .2s,border-color .2s}.traits-controls button.is-on{background:#1d5b4d;color:#fff8e7;border-color:#1d5b4d}.traits-controls button:hover{border-color:#8ba58a}.traits-controls label{display:flex;gap:8px;align-items:center;width:100%;font-size:10px;color:var(--ink);justify-content:center}.traits-controls input[type=range]{width:65%;accent-color:#2c6a50;min-height:32px;cursor:pointer}.traits-controls output{font-size:10px;min-width:24px}.traits-explanation{padding:30px 25px 25px 18px;display:flex;flex-direction:column;justify-content:center;min-width:0}.traits-explanation h4{font:600 clamp(24px,2.5vw,34px)/1.14 'Fraunces',serif;letter-spacing:-.03em;margin:15px 0;color:var(--ink)}.traits-explanation>p{font-size:12px;line-height:1.9;color:var(--muted)}.traits-takeaway{margin-top:21px;padding:16px 17px;border-left:2px solid #b9a069;background:var(--card);border-radius:0 12px 12px 0}.traits-takeaway>span{font-size:7px;letter-spacing:.12em;font-weight:800;color:#877440}.traits-takeaway>p{font-size:12px;line-height:1.8;margin-top:6px;color:var(--ink)}.traits-explanation .traits-science-note{font-size:10px;line-height:1.8;margin:15px 0 22px}.traits-explanation>.action{font-size:10px;align-self:flex-start;display:flex;gap:23px;align-items:center}.traits-complete{padding:16px 20px;margin:17px 0 0;background:#e4efdc;color:#365d3d;border-radius:12px;font-size:12px;line-height:1.7}.traits-complete[hidden]{display:none}.traits-challenge{margin-top:22px;border:1px solid var(--line);border-radius:17px;background:var(--card);padding:23px}.traits-challenge-intro{display:flex;gap:18px;align-items:center}.traits-challenge-mark{font-size:41px;color:#b29756;flex-shrink:0}.traits-challenge-intro>div{flex:1;min-width:0}.traits-challenge-intro h4{font:600 24px/1.2 'Fraunces',serif;letter-spacing:-.025em;margin:7px 0;color:var(--ink)}.traits-challenge-intro p{font-size:11px;line-height:1.75;color:var(--muted)}.traits-challenge-intro button{font-size:10px;flex-shrink:0}.traits-challenge-intro button:disabled{background:var(--tint);color:var(--muted);border:1px solid var(--line);opacity:1}#traits-challenge-content{margin-top:23px;padding-top:20px;border-top:1px solid var(--line)}#traits-challenge-content[hidden]{display:none}.traits-quiz-top{display:flex;justify-content:space-between;gap:15px;font-size:10px;letter-spacing:.04em;color:var(--muted)}#traits-quiz-question{font-size:16px;line-height:1.6;margin:16px 0;color:var(--ink)}#traits-quiz-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.traits-quiz-answer{padding:13px 15px;border:1px solid var(--line);border-radius:11px;background:var(--card);color:var(--ink);font-size:12px;line-height:1.6;text-align:left;min-height:46px}.traits-quiz-answer:hover{background:var(--tint)}.traits-quiz-answer.correct{background:#dfedda;color:#315739;border-color:#8eae86}.traits-quiz-answer.wrong{background:#faeae2;color:#894e39;border-color:#d6af9b}.traits-quiz-answer:disabled{opacity:.6}.traits-quiz-answer.correct:disabled{opacity:1}#traits-quiz-feedback{font-size:12px;line-height:1.8;color:var(--muted);margin:16px 0}#traits-quiz-next{font-size:11px}.traits-empty{font-size:12px;text-align:center}.traits-challenge [hidden]{display:none}.dark .traits-visual:before{background:radial-gradient(circle,#46604470,transparent 70%)}.dark .traits-complete{background:#2c4935;color:#d6e9c9}.dark .traits-visual text{fill:#dbe8cf}.dark .traits-quiz-answer.correct{background:#2b4c35;color:#e5f0dc}.dark .traits-quiz-answer.wrong{background:#573e32;color:#f4dcd0}.dark .traits-takeaway>span{color:#e0c888}
@keyframes traits-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes traits-dna{0%,100%{opacity:1}50%{opacity:.7}}
@media(max-width:1100px){.traits-workbench{grid-template-columns:180px minmax(0,1fr)}.traits-stage-grid{grid-template-columns:1fr}.traits-visual-area{padding:0 22px}.traits-visual{aspect-ratio:auto;height:260px}.traits-visual svg{height:260px}.traits-explanation{padding:15px 26px 26px}.traits-explanation h4{font-size:30px}.traits-stage-head{padding-bottom:5px}.traits-explanation .traits-science-note{margin-bottom:15px}.traits-challenge-intro{flex-wrap:wrap}.traits-challenge-intro>button{margin-left:58px}.traits-nav-item{min-height:69px}.traits-visual-note{max-width:400px;align-self:center}}
@media(max-width:700px){.traits-intro{align-items:stretch;flex-direction:column;gap:20px;padding-top:5px}.traits-intro h3{font-size:37px}.traits-meter{flex:auto;display:grid;grid-template-columns:1fr auto;gap:0 15px;padding:16px 19px}.traits-meter>span{grid-column:1}.traits-meter>strong{grid-column:2;grid-row:1/4;align-self:center;margin:0}.traits-meter>p{grid-column:1}.traits-dots{margin:9px 0 4px}.traits-meter #traits-progress-note{grid-column:1/3;margin-top:8px}.traits-workbench{display:flex;flex-direction:column;gap:15px}.traits-navigation{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:7px}.traits-nav-item{min-height:63px;padding:10px;gap:8px}.traits-nav-label{font-size:10px}.traits-nav-number{font-size:8px}.traits-stage{width:100%;border-radius:17px}.traits-stage-head{padding:18px 17px 6px;gap:6px;font-size:7px}.traits-model-label{font-size:6px;letter-spacing:0}.traits-visual-area{padding:0 10px 0}.traits-visual{height:260px}.traits-visual svg{height:250px}.traits-explanation{padding:20px}.traits-explanation h4{font-size:30px}.traits-explanation>p{font-size:13px}.traits-explanation>.action{font-size:12px;width:100%;justify-content:space-between}.traits-takeaway>p{font-size:12px}.traits-challenge{padding:19px}.traits-challenge-intro{gap:11px}.traits-challenge-intro h4{font-size:23px}.traits-challenge-mark{font-size:32px}.traits-challenge-intro>button{margin:8px 0 0;width:100%}.traits-challenge-intro p{font-size:11px}#traits-quiz-options{grid-template-columns:1fr}.traits-controls button{min-height:44px;font-size:11px}.traits-navigation .traits-nav-item:hover{transform:none}.traits-science-note{font-size:11px!important}.traits-intro>div>p{font-size:13px}.traits-visual-note{font-size:10px}}
@media(prefers-reduced-motion:reduce){.traits-visual *{animation:none!important}.traits-nav-item{transition:none}}
/* V9: bespoke realistic imagery replaces schematic SVG visuals. */
.traits-stage-grid{grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);min-height:555px}.traits-visual-area{padding:10px 0 22px 20px}.traits-visual{aspect-ratio:auto;display:block;min-height:375px;height:375px;margin-bottom:15px}.traits-visual:before{display:none}.traits-real-scene{position:relative;width:100%;height:100%;isolation:isolate;overflow:hidden;border-radius:17px;background:radial-gradient(ellipse at 45% 35%,#47705a 0,#214c3e 45%,#103b32 100%);border:1px solid #285142;box-shadow:0 16px 30px #163f3212}.traits-real-scene:after{position:absolute;content:'';inset:0;box-shadow:inset 0 0 50px #05261a15;pointer-events:none}.traits-real-content{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;overflow:hidden}.traits-real-content>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.traits-real-topline{position:absolute;z-index:3;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:7px;padding:16px 15px;background:linear-gradient(#072e26b3,transparent);color:#e7efdd}.traits-real-topline>span{font-size:9px;letter-spacing:.025em;font-weight:600}.traits-real-topline button{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;padding:6px 8px;min-height:32px;font-size:8px;background:#153c2d80;color:#f4f6e8;border:1px solid #d9e7c749;border-radius:7px;backdrop-filter:blur(6px)}.traits-real-topline button>span{font-size:16px;line-height:1}.traits-real-caption{position:absolute;inset:auto 0 0;padding:48px 17px 18px;background:linear-gradient(transparent,#072b23e3);color:#eef1dc;font-size:8px;line-height:1.8;letter-spacing:.08em;font-weight:700;z-index:2;pointer-events:none}.traits-real-subject{width:100%;height:100%;min-width:0;display:flex;justify-content:center;align-items:center;position:relative;overflow:visible}.traits-real-subject img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 18px #082c2444);transform:scale(1.12);transition:transform .5s ease}.traits-real-scene[data-trait-scene="1"] .traits-real-subject{padding:12px}.traits-real-individuals{width:100%;height:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:56px 8px 50px;gap:3px}.traits-real-individuals[data-count="1"]{grid-template-columns:1fr;padding:30px 0}.traits-real-individuals[data-count="2"]{grid-template-columns:1fr;padding:44px 35px}.traits-real-individuals[data-count="3"] .traits-real-subject:last-child{grid-column:1/3;width:65%;justify-self:center}.traits-real-daughters{display:flex;width:100%;height:100%;align-items:center;padding:30px 5px;gap:4px}.traits-real-daughters .traits-real-subject{height:70%;width:50%;transform:rotate(-10deg)}.traits-real-daughters .traits-real-subject:last-child{transform:rotate(10deg)}.traits-real-scene[data-trait-scene="3"]>.traits-real-content>img{object-fit:cover}.traits-controls{padding:0 10px;gap:7px}.traits-visual-note{padding:0 14px;margin:13px 0 0;font-size:9px;line-height:1.8}.traits-explanation{padding-left:25px}.traits-explanation h4{font-size:clamp(25px,2.4vw,32px)}.traits-stage-head{padding-bottom:3px}.traits-image-dialog{padding:0;max-width:1050px;width:calc(100vw - 48px);max-height:calc(100dvh - 40px);border:1px solid #436355;border-radius:21px;background:var(--card);color:var(--ink);overflow:auto;box-shadow:0 25px 80px #05271d66}.traits-image-dialog::backdrop{background:#061c18d9;backdrop-filter:blur(9px)}.traits-dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 25px}.traits-dialog-heading span{font-size:8px;font-weight:800;letter-spacing:.14em;color:var(--muted)}.traits-dialog-heading h5{font:600 25px/1.2 'Fraunces',serif;margin:7px 0 0}.traits-dialog-heading button{padding:9px 14px;border-radius:10px;border:1px solid var(--line);background:var(--tint);color:var(--ink);font-size:12px;min-height:42px}.traits-dialog-art{height:min(65dvh,650px);min-height:250px;margin:0 20px}.traits-dialog-art .traits-real-scene{border-radius:14px}.traits-dialog-art .traits-real-subject img{transform:scale(1)}.traits-image-dialog>p{font-size:10px;color:var(--muted);line-height:1.8;padding:16px 25px 20px}.traits-dialog-art .traits-real-caption{font-size:10px;padding:60px 25px 22px}.traits-dialog-art .traits-real-individuals{padding:30px}.dark .traits-real-topline>span,.dark .traits-real-caption{color:#edf3df}.dark .traits-model-label{color:#b6c6b9}
@media(max-width:1100px){.traits-stage-grid{grid-template-columns:1fr}.traits-visual-area{padding:13px 22px 0}.traits-visual{height:380px;min-height:380px}.traits-explanation{padding:24px 26px 27px}.traits-real-subject img{max-width:580px}.traits-stage-head{padding-bottom:2px}.traits-real-topline>span{font-size:10px}.traits-visual-note{max-width:100%}}
@media(max-width:700px){.traits-visual-area{padding:12px 12px 0}.traits-visual{height:315px;min-height:315px;margin-bottom:13px}.traits-real-scene{border-radius:12px}.traits-real-topline{padding:13px 12px}.traits-real-topline>span{font-size:8px}.traits-real-topline button{font-size:8px;min-height:36px}.traits-real-caption{font-size:7px;padding:44px 14px 14px}.traits-explanation{padding:21px}.traits-explanation h4{font-size:29px}.traits-visual-note{font-size:10px;line-height:1.7}.traits-dialog-art{height:55dvh;min-height:230px;margin:0 10px}.traits-image-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:15px}.traits-dialog-heading{padding:17px}.traits-dialog-heading h5{font-size:23px}.traits-dialog-art .traits-real-caption{font-size:8px;padding:45px 17px 16px}.traits-image-dialog>p{font-size:10px;padding:15px 17px}.traits-real-daughters{gap:0;padding:30px 0}}
@media(prefers-reduced-motion:reduce){.traits-real-content>img,.traits-real-subject img{transition:none}}