/* September: light, quiet and welcoming. The visual field remains interactive. */
:root{color-scheme:light;--ink:#30343a;--muted:#81878c;--border:#dfe3e5;--accent:#ed704f;--bg:#eef0f2}html,body{background:#eef0f2;color:#30343a}body{font-weight:400}header{background:#eef0f2d9;border-bottom:1px solid #30343a10;color:#30343a;box-shadow:none}.brand-symbol{border-color:#737b7c66}.brand small{color:#899094}.nav-current,#motion-toggle{color:#7c8388}header,.hero-intro,.model-index,.consult-panel,.model-caption,.model-controls,.gesture,.hero-bottom,.section,footer,.portrait-hotspots,.skin-particle-hotspots,.portrait-zoom{filter:none}.hero{background:#eef0f2}.hero-intro .eyebrow{color:#878c96}.eyebrow i{background:#e0795b;box-shadow:none}h1{font-family:"Songti SC",Georgia,serif;font-weight:400;color:#30343a}h1 span{color:#949ba5}.model-index{color:#a5aab1}.model-index div{background:linear-gradient(#c2c9d0,transparent)}.hero-bottom{border-color:#30343a12;color:#9ba1a7}.hero-bottom a{color:#767f88}.consult-panel{background:linear-gradient(140deg,#ffffffed,#f6f7f8dc);border:1px solid #fff;border-radius:12px;box-shadow:0 16px 65px #30343a08;color:#30343a}.panel-top{color:#a0a7ad}.panel-top #region-count{color:#8b959b}.region-insight-label{color:#9aa2aa}.consult-panel h2{color:#30343a;font-size:27px}.region-insight p{color:#7a858c;line-height:1.95}.inline-link,#region-inspect,#region-structure,#region-explain{color:#6d7f84}.region-insight:has(#region-explain:not([hidden])){background:transparent}.regions button{border-color:#dde3e5;color:#9aa3a8;background:transparent}.regions button:hover{border-color:#aab8bd;color:#626f77}.regions button.active{border-color:#c8d6d2;background:#e6ecf0;color:#526976}.panel-divider{background:#e8ebea}.concern-heading{color:#647079}.count{color:#a0a8ac}.panel-description{color:#a0a8ac}.concern{color:#7f8c92;border-color:#e2e7e8;background:#fff9;border-radius:5px}.concern:hover{border-color:#b4c1c9;background:#f0f3f5}.concern.selected{border-color:#bdcbc7;background:#e9eef2;color:#526776}.concern .plus{color:#a6b3b6}.concern.selected .plus{color:#697e75}.primary,.consult-panel>.primary{background:#34393d;border-color:#34393d;color:#fff;border-radius:5px}.primary:hover{background:#535b60}.privacy-note{color:#a9b0b3}.selection-notice{color:#b07867}.portrait-pan,.flat-portrait{background:none}.portrait-art{opacity:.94;animation:none;mask-image:radial-gradient(ellipse 52% 57% at 60% 49%,#000 46%,#000c 70%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 52% 57% at 60% 49%,#000 46%,#000c 70%,transparent 100%)}.portrait-vignette{background:linear-gradient(0deg,#eef0f2,transparent 14%,transparent 90%,#eef0f266)}.portrait-loading{background:#eef0f2;color:#9da6ac}.portrait-focus{mix-blend-mode:multiply;background:radial-gradient(ellipse 14% 12% at var(--x,50%) var(--y,50%),#b5c9c333,transparent)}.portrait-ambient,.portrait-side-particles{mix-blend-mode:multiply;opacity:.7}.hotspot-core{background:#829792;box-shadow:0 0 0 4px #ffffffc9,0 0 0 5px #96a9a373,0 0 17px #bccbc750}.hotspot-ring{border-color:#8ca19c6b}.hotspot-wave{border-color:#91a7a178}.flat-hotspot:hover .hotspot-core,.flat-hotspot:focus-visible .hotspot-core{box-shadow:0 0 0 5px #ffffffa0,0 0 0 7px #9eafa97d,0 0 24px #aabcb46b}.flat-hotspot.selected .hotspot-core{background:#d88468;box-shadow:0 0 0 6px #e4bbab33,0 0 18px #d9a28b66}.flat-hotspot.selected .hotspot-ring{border-color:#d39b84}.hotspot-name,.flat-hotspot.selected .hotspot-name{color:#806e65;background:#f8fafb;border-color:#ddcfc7;text-shadow:none}.hotspot-name small{color:#a7978e}.hotspot-name:before{background:#b4a89e88}.portrait-zoom button{background:#ffffffbf;border-color:#dfe4e4;color:#87969b;box-shadow:0 2px 15px #31343b06}.portrait-zoom button:hover{background:#e7eeeb}.model-controls button{background:#ffffffb3;border-color:#e1e5e8;color:#96a1a8;box-shadow:none}.model-controls button.active{background:#edf0f6;border-color:#d6dfeb;color:#5e7288}.three-tools button{background:#fff;border-color:#dce3e5;color:#788b95}.three-tools button:hover{background:#eef2f5}#scene3d canvas{filter:invert(1) hue-rotate(180deg)}.particle-region .particle-dot{background:#8da3a0;box-shadow:0 0 0 5px #839a8f15}.particle-region[aria-pressed=true] .particle-dot{background:#ce8b6e;box-shadow:0 0 0 7px #d0aa9822}.particle-region .particle-label,.particle-region[aria-pressed=true] .particle-label{color:#7c817e;text-shadow:0 1px 5px #fff}.particle-region .particle-label:before{background:#9ea9a288}.section{background:#ffffffab;color:#30343a;border-color:#e2e6e7;border-radius:0}.education{max-width:none;padding-left:max(6%,calc((100% - 1100px)/2));padding-right:max(6%,calc((100% - 1100px)/2));background:#e8ebef7a}.section-head h2,.result h2{color:#47515a}.section-head p,.result>p{color:#929da5}.overline{color:#949da8}.badge{border-color:#ccd5df;color:#8695a7;background:#f2f4fa66}.tabs button,.outline{border-color:#d6dfe6;color:#8797a6;background:#ffffff52}.tabs button:hover,.outline:hover{background:#fff}.tabs button.active{background:#dce4ed;border-color:#bdcbd9;color:#5b738b}.lesson{background:#f7f8fa;border:1px solid #ffffffb3;border-radius:10px;box-shadow:0 10px 40px #40516f04}.structure{background:#edf0f4}.lesson-copy h3{color:#526579}.lesson-copy>p{color:#889ba9}.note{border-color:#dde4eb}.note b{color:#8197a8}.note p{color:#9ba9b5}.round{border-color:#d0dce5;color:#8296a9}.round.dark{border-color:#859aaf;background:#859aaf;color:#fff}.step-nav span{color:#abb7c3}.feedback h3{color:#617485}.feedback p{color:#9daeba}.result{max-width:1230px;background:transparent}.result-grid{background:#dde2e7;border-color:#dde2e7}.result-grid div{background:#f1f3f5}.result-grid span{color:#a0b0a6}.result-grid strong{color:#6f8478}.hint{color:#9caeaa!important}.result .text-btn{color:#94a39f}#outcome{color:#718e7d}footer{background:#eef0f2;color:#a3ada8;border-color:#e1e7e1}.flat-structure{background:#f6f8fae8;border-color:#e1e6df;box-shadow:0 18px 55px #46544506}.region-structure-head{color:#9ba99b}.region-structure-title,.structure .region-structure-title{color:#5e6c79}.structure-part-tabs button{border-color:#d4ded2;color:#9ca999;background:#fff6}.structure-part-tabs button.active{background:#e1e8ee;border-color:#c0cebb;color:#5a7082}.structure-part-copy,.structure>.structure-part-copy{color:#8b9e85}.structure-disclaimer,.structure>.structure-disclaimer{color:#aebaaa}#region-dialog{background:#f4f6f8;color:#526777;border-color:#dfe6da}#region-dialog::backdrop{background:#b7c1bb9c;backdrop-filter:none}.detail-crop{background-color:#eef0f2}.detail-copy,#detail-close{filter:none}.detail-copy p{color:#8b9d87}.detail-copy .detail-note{color:#acb9a7}#detail-close{color:#657b8d;border-color:#cdd9c9;background:#f7f9fbcc}
@media(max-width:760px){header{background:#eef0f2d9}.hero{background:#eef0f2}.consult-panel{background:#ffffffd9;border-color:#fff}.section{background:#ffffffab}.education{background:#e8ebef7a;padding-left:6%;padding-right:6%}.portrait-vignette{background:linear-gradient(0deg,#eef0f2,transparent 15%,transparent 90%,#eef0f277)}}
.detail-crop{background-image:url('assets/particle-woman-light.jpg')}
/* Keep quiet typography readable on a bright field. */
:root{--muted:#69757c}.nav-current,#motion-toggle{color:#667279}.panel-top,.panel-top #region-count,.region-insight-label{color:#77858b}.regions button{color:#6e7f86}.concern{color:#61747d}.concern-heading{color:#53646e}.panel-description,.count{color:#7d8b92}.privacy-note{color:#859197}.region-insight p{color:#65767f}.section-head p,.result>p{color:#73828d}.lesson-copy>p{color:#677f91}.note p{color:#798e9e}.feedback p{color:#7a8e9f}.structure-part-copy,.structure>.structure-part-copy{color:#687b8b}.structure-disclaimer,.structure>.structure-disclaimer{color:#8a98a5}
@media(min-width:761px) and (max-width:1050px){h1{font-size:21px}}

/* Wide editorial grid, 768 / 1024 breakpoints, neutral clinical palette. */
:root{--page-gutter:clamp(24px,4.17vw,80px);--content-width:1680px;--page-edge:max(var(--page-gutter),calc((100vw - var(--content-width))/2));--ink:#2c3035;--muted:#6d7783;--border:#d6dce2;--bg:#f7f8f9;--accent:#708a9e}
html,body{background:var(--bg);color:var(--ink)}
header{height:96px;padding-inline:var(--page-edge);background:#edf0f3d9;border-color:#737f8b22}.brand{font-size:18px}.brand small{color:#79838d}nav{gap:clamp(24px,3vw,56px);font-size:13px}.text-btn{font-size:12px}
.hero{height:calc(100svh - 96px);min-height:800px;max-height:1150px;background:radial-gradient(ellipse 36% 65% at 48% 28%,#f5f7f9e8 0%,#e4e9ee88 58%,transparent 100%),radial-gradient(ellipse 55% 80% at 94% 52%,#b8c4d077,transparent 85%),linear-gradient(118deg,#dce2e8 0%,#e8ecf0 44%,#cbd4df 100%)}
.hero-intro{left:var(--page-edge);top:12%;max-width:31%;z-index:2}.eyebrow,.overline{font-size:10px;letter-spacing:.16em}.eyebrow i{background:#73899d}h1{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;font-size:clamp(34px,3.7vw,68px);font-weight:400;line-height:1.35;letter-spacing:-.035em;margin:32px 0}h1 span{color:#778391}.model-index{left:var(--page-edge);color:#798695}
.portrait-stage{inset:0;width:100%;height:100%;max-width:none}.portrait-stage #scene,.portrait-stage #scene3d{inset:0 0 88px}.portrait-light{display:none}.portrait-viewport{border-radius:0}.portrait-pan{height:100%;max-width:none;transform-origin:50% 50%}.portrait-art{filter:saturate(.3) brightness(.99) contrast(.97);mix-blend-mode:multiply;opacity:.85}.portrait-vignette{background:none}.portrait-depth{opacity:.45}.portrait-focus{background:radial-gradient(ellipse 14% 12% at var(--x,50%) var(--y,50%),#809aad24,transparent)}.portrait-ambient,.portrait-side-particles{opacity:.55}.portrait-zoom{right:calc(var(--page-edge) + clamp(300px,25vw,400px) + 24px);bottom:28px}
.consult-panel{right:var(--page-edge);width:clamp(300px,25vw,400px);top:49%;padding:clamp(24px,2vw,36px);border-radius:3px;border-color:#ffffffa6;background:#f7f9fbd9;box-shadow:0 16px 60px #45566c09}.panel-top{font-size:10px}.panel-top #region-count{font-size:10px}.regions{gap:6px}.regions button{font-size:11px;padding:9px 10px;border-radius:2px}.concern-heading{font-size:13px}.panel-description{font-size:11px}.concern{border-radius:2px;padding:13px 10px;min-height:52px;background:#ffffff66}.concern strong{font-size:12px}.count{font-size:11px}.primary{font-size:13px;border-radius:2px;padding:16px 20px}.privacy-note{font-size:10px}.region-insight p{font-size:13px}.inline-link{font-size:12px}.model-controls{bottom:28px;left:var(--page-edge);right:auto;justify-content:flex-start}.model-controls button{font-size:11px;padding:13px 20px;border-radius:2px!important;background:#f7f9fbc9;color:#6c7988}.model-controls button.active{background:#dce4ed;border-color:#b9c8d5;color:#435d72}.hero-bottom{left:var(--page-edge);right:var(--page-edge);height:60px;font-size:8px;color:#788695;z-index:2}.hotspot-core{background:#718a9e}.hotspot-ring,.hotspot-wave{border-color:#6f879b66}.flat-hotspot.selected .hotspot-core{background:#526f88;box-shadow:0 0 0 6px #708da533,0 0 18px #8ca8bc66}.flat-hotspot.selected .hotspot-ring{border-color:#728da4}.flat-hotspot.selected .hotspot-name{background:#f6f8fa;color:#52697c;border-color:#c1cdd8}
.education,.result{max-width:none;padding:clamp(72px,8vw,144px) var(--page-edge);margin:0;background:#f7f8f9}.education{background:#e8ebef}.section-head{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}.section-head>div{grid-column:1/10}.section-head .badge{grid-column:10/-1;justify-self:end}.section-head h2,.result h2{font-family:inherit;font-size:clamp(30px,3.5vw,60px);letter-spacing:-.035em;line-height:1.25;margin:24px 0}.section-head p,.result>p{font-size:15px;line-height:1.9}.badge{font-size:11px}.tabs{margin:48px 0 24px;gap:10px}.tabs button,.outline{font-size:13px;padding:13px 20px;border-radius:2px}.lesson{grid-template-columns:repeat(12,minmax(0,1fr));border-radius:3px;border-color:#fff;background:#f7f8fa}.structure{grid-column:span 6;padding:clamp(24px,3vw,56px);background:#dfe5eb}.lesson-copy{grid-column:span 6;padding:clamp(32px,4vw,72px)}.lesson-copy h3{font-family:inherit;font-size:clamp(24px,2.2vw,38px);line-height:1.4}.lesson-copy>p{font-size:15px;line-height:1.95}.note b{font-size:12px}.note p{font-size:13px;line-height:1.9}.region-structure-title,.structure .region-structure-title{font-family:inherit;font-size:26px;color:#526779}.structure-part-tabs button{font-size:12px;padding:11px 14px;border-radius:2px;color:#738393;border-color:#c5d0dc}.structure-part-tabs button.active{background:#d3dfe9;color:#4f6a82;border-color:#aebfce}.structure-part-copy,.structure>.structure-part-copy{font-size:13px;line-height:1.9;color:#657b8e}.structure-disclaimer,.structure>.structure-disclaimer{font-size:10px;color:#7b8e9f}.feedback{padding-top:36px;gap:32px}.feedback h3{font-family:inherit;font-size:22px;color:#526676}.feedback p{font-size:13px}.result-grid{margin:36px 0;background:#dce1e6;border-color:#dce1e6}.result-grid div{background:#f0f2f5;padding:32px}.result-grid strong{color:#566c7d;font-size:18px}.result-grid span{color:#8695a1;font-size:11px}.hint{font-size:12px;color:#7d8b97!important}footer{padding:36px var(--page-edge);background:#e8ebef;color:#7c8995}
@media(min-width:1920px){.portrait-pan{height:105%}}
@media(min-width:768px) and (max-width:1023px){header{height:84px}.hero{height:auto;min-height:1080px}.hero-intro{top:65px;max-width:45%}h1{font-size:38px}.portrait-stage{height:780px}.portrait-stage #scene,.portrait-stage #scene3d{bottom:0}.portrait-pan{height:88%}.consult-panel{top:auto;bottom:90px;left:var(--page-edge);right:var(--page-edge);width:auto;transform:none;display:block;padding:24px}.consult-panel .concerns{grid-template-columns:repeat(3,minmax(0,1fr))}.consult-panel .panel-divider{margin:16px 0}.consult-panel>.primary{width:220px;margin-top:16px}.privacy-note{display:inline;margin-left:20px}.model-index{display:none}.model-controls{bottom:370px}.portrait-zoom{right:var(--page-edge);bottom:100px}.region-insight{min-height:0;padding:12px 0}.region-insight p{min-height:0}.lesson-copy{padding:28px}.feedback{align-items:flex-start;flex-direction:column}}
@media(max-width:767px){:root{--page-gutter:24px}.brand{font-size:15px}.brand-symbol{width:32px;height:32px}.brand small{font-size:6px}header{height:76px}nav{gap:20px}.nav-current{display:none}.text-btn{font-size:11px}.hero{height:auto;min-height:0;max-height:none;display:grid;grid-template-columns:minmax(0,1fr);padding:40px var(--page-gutter) 0;overflow:hidden;background:radial-gradient(ellipse 85% 40% at 65% 20%,#eef2f6 0%,transparent 90%),linear-gradient(130deg,#dbe2e9,#e6ebf0 55%,#cdd7e2)}.hero-intro{position:relative;inset:auto;max-width:none;pointer-events:none}.eyebrow{font-size:8px}h1{font-size:clamp(28px,6.5vw,44px);line-height:1.4;margin:20px 0 0;white-space:normal}h1 br{display:none}h1 span{display:block}.portrait-stage{position:relative;inset:auto;width:calc(100% + 48px);margin-inline:-24px;height:620px}.portrait-stage #scene,.portrait-stage #scene3d{inset:0 0 60px;min-height:0}.portrait-pan{height:90%;max-width:none}.portrait-zoom{right:24px;bottom:22px}.model-controls{left:24px;bottom:18px;right:24px;justify-content:center}.model-controls button{font-size:10px;padding:12px 15px}.consult-panel{position:relative;inset:auto;transform:none;width:100%;padding:24px;margin:0 0 32px;border-radius:3px}.regions button{font-size:11px}.consult-panel .concerns{grid-template-columns:repeat(2,minmax(0,1fr))}.concern strong{font-size:11px}.privacy-note{font-size:9px}.hero-bottom{position:relative;inset:auto;height:62px;font-size:7px;gap:10px}.hero-bottom>span:nth-child(2){display:none}.model-index{display:none}.education,.result{padding:64px 24px}.section-head{grid-template-columns:1fr;gap:18px}.section-head>div,.section-head .badge{grid-column:1}.section-head .badge{justify-self:start}.section-head h2,.result h2{font-size:32px;margin:20px 0 16px}.section-head p,.result>p{font-size:14px}.tabs{margin:32px 0 20px}.tabs button,.outline{font-size:11px;padding:12px 14px}.lesson{grid-template-columns:1fr}.structure,.lesson-copy{grid-column:1;padding:24px}.lesson-copy{padding:30px 24px}.lesson-copy h3{font-size:26px}.lesson-copy>p{font-size:14px}.structure svg{max-height:300px}.feedback{align-items:flex-start;flex-direction:column;gap:24px}.feedback-buttons{display:flex;flex-wrap:wrap;gap:8px}.result-grid{grid-template-columns:1fr}.result-grid div{padding:24px}.result-grid strong{font-size:17px}footer{padding:30px 24px;font-size:10px}.is-structure .hero-intro{visibility:visible}.is-structure .flat-structure{width:calc(100% - 48px);padding:24px;max-height:calc(100% - 24px)}.flat-structure{background:#f1f5f8ed}.region-structure-title,.structure .region-structure-title{font-size:22px}}
@media(min-width:768px) and (max-width:1023px){.hero{display:grid;grid-template-columns:minmax(0,1fr);padding:56px var(--page-edge) 0;min-height:0;max-height:none}.hero-intro{position:relative;inset:auto;max-width:none}.hero-intro h1{margin-bottom:0}.portrait-stage{position:relative;inset:auto;width:calc(100% + 2 * var(--page-gutter));margin-inline:calc(-1 * var(--page-gutter));height:650px}.portrait-stage #scene,.portrait-stage #scene3d{bottom:64px}.portrait-pan{height:100%}.model-controls{left:var(--page-gutter);bottom:16px}.portrait-zoom{right:var(--page-gutter);bottom:24px}.consult-panel{position:relative;inset:auto;margin-bottom:32px;width:100%;transform:none}.hero-bottom{position:relative;inset:auto;height:64px}.is-structure #scene{left:var(--page-gutter);right:var(--page-gutter)}.is-structure .hero-intro{visibility:visible}}

/* Glyphic source palette: white, #E8E9F5, #2C2D32 and #383B3E. */
:root{--ink:#2c2d32;--muted:#383b3e;--border:#383b3e26;--bg:#fff;--accent:#2c2d32}
html,body{background:#fff;color:#2c2d32}header{background:#ffffffb8;border-color:#383b3e1a;color:#2c2d32}.brand small,.nav-current,#motion-toggle{color:#383b3e}.hero{background:radial-gradient(ellipse 40% 68% at 50% 32%,#ffffffd9 0%,#e8e9f580 62%,transparent 100%),radial-gradient(ellipse 48% 80% at 100% 65%,#383b3e18,transparent 90%),linear-gradient(115deg,#e8e9f5 0%,#f4f4fa 46%,#e8e9f5 100%)}h1,h1 span,.eyebrow,.overline,.model-index,.hero-bottom,.hero-bottom a,.panel-top,.panel-top #region-count,.region-insight-label,.consult-panel h2,.region-insight p,.inline-link,#region-inspect,#region-structure,#region-explain,.concern-heading,.panel-description,.count,.privacy-note{color:#2c2d32}h1 span{opacity:.62}.eyebrow i{background:#383b3e}.model-index,.panel-top,.region-insight-label,.panel-description,.privacy-note,.hero-bottom{opacity:.64}.consult-panel{background:#ffffff85;border-color:#ffffffbd;box-shadow:0 12px 48px #2c2d3208}.panel-divider{background:#383b3e18}.portrait-art{filter:saturate(.72) contrast(.97);opacity:.85}.portrait-ambient,.portrait-side-particles{opacity:.55}
/* Blur only compact controls; avoid blurring the animated full-screen field. */
button,.model-controls button,.portrait-zoom button,.structure-part-tabs button{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background-color .2s,border-color .2s,box-shadow .2s;color:#2c2d32}
.regions button,.concern,.tabs button,.outline,.model-controls button,.portrait-zoom button,.three-tools button,.structure-part-tabs button{background:rgba(56,59,62,.1);border:1px solid #ffffff8c;color:#2c2d32;box-shadow:inset 0 1px 0 #ffffff66}.regions button:hover,.concern:hover,.tabs button:hover,.outline:hover,.model-controls button:hover,.portrait-zoom button:hover,.three-tools button:hover,.structure-part-tabs button:hover{background:rgba(56,59,62,.17);border-color:#383b3e26}.regions button.active,.concern.selected,.tabs button.active,.model-controls button.active,.structure-part-tabs button.active{background:#e8e9f5cc;border-color:#2c2d3266;color:#2c2d32;box-shadow:inset 0 1px 0 #fff9}.concern .plus,.concern.selected .plus{color:#383b3e}.primary,.consult-panel>.primary,.round.dark{background:rgba(44,45,50,.87);border-color:#2c2d3266;color:#e8e9f5;box-shadow:inset 0 1px 0 #ffffff26}.primary:hover,.consult-panel>.primary:hover,.round.dark:hover{background:rgba(44,45,50,.97)}.text-btn,.inline-link{background:#ffffff0d}.round{background:rgba(56,59,62,.1);color:#2c2d32;border-color:#383b3e33}.hotspot-core,.flat-hotspot.selected .hotspot-core{background:#383b3e}.hotspot-ring,.hotspot-wave,.flat-hotspot.selected .hotspot-ring{border-color:#383b3e55}.flat-hotspot.selected .hotspot-name{background:#e8e9f5d9;border-color:#383b3e33;color:#2c2d32}.flat-hotspot.selected .hotspot-core{box-shadow:0 0 0 6px #383b3e12,0 0 18px #383b3e26}
.education{background:#e8e9f5}.result{background:#fff}.lesson{background:#ffffffa3;border-color:#ffffffb3}.structure{background:#e8e9f5}.section-head h2,.section-head p,.result h2,.result>p,.lesson-copy h3,.lesson-copy>p,.note b,.note p,.feedback h3,.feedback p,.region-structure-title,.structure .region-structure-title,.structure-part-copy,.structure>.structure-part-copy,.structure-disclaimer,.structure>.structure-disclaimer,.region-structure-head,.step-nav span,.result-grid span,.result-grid strong,.hint,#outcome,.result .text-btn{color:#2c2d32!important}.note p,.structure-disclaimer,.structure>.structure-disclaimer,.region-structure-head,.result-grid span{opacity:.65}.badge{color:#2c2d32;background:#ffffff33;border-color:#383b3e33}.note{border-color:#383b3e26}.result-grid{background:#383b3e1a;border-color:#383b3e1a}.result-grid div{background:#f5f5f9}.flat-structure{background:#e8e9f5d9;border-color:#ffffffc9}.structure svg{filter:grayscale(1)}footer{background:#e8e9f5;color:#383b3e;border-color:#383b3e1a}#region-dialog{background:#e8e9f5;color:#2c2d32;border-color:#fff}#region-dialog::backdrop{background:#2c2d3259}.detail-copy p,.detail-copy .detail-note{color:#383b3e}#detail-close{background:#ffffff80;color:#2c2d32;border-color:#383b3e26}.detail-crop{background-color:#e8e9f5}
@media(max-width:767px){header{background:#ffffffb8}.hero{background:radial-gradient(ellipse 90% 48% at 60% 24%,#ffffffa3,transparent 90%),linear-gradient(125deg,#e8e9f5,#f4f4fa 48%,#e8e9f5)}.consult-panel{background:#ffffff85}.education{background:#e8e9f5}.result{background:#fff}.flat-structure{background:#e8e9f5e6}}
@supports not ((backdrop-filter:blur(8px)) or (-webkit-backdrop-filter:blur(8px))){.regions button,.concern,.tabs button,.outline,.model-controls button,.portrait-zoom button{background:#e8e9f5e6}.primary,.consult-panel>.primary{background:#2c2d32}}

/* Correct the rendered visual direction: warm white and pale botanical green. */
:root{--bg:#f8f8f2;--ink:#30332f;--muted:#656b60;--border:#cdd4c5;--accent:#c8d5ae}
html,body{background:#f8f8f2;color:#30332f}header{background:#f8f8f2bb;border-color:#525a431a;color:#30332f}.brand small,.nav-current,#motion-toggle{color:#575e50}
.hero{background:radial-gradient(ellipse 40% 70% at 50% 32%,#fffff8d9 0%,#f4f5e980 60%,transparent 100%),radial-gradient(ellipse 48% 80% at 100% 65%,#bdcba680,transparent 90%),linear-gradient(115deg,#e6ebdb 0%,#f5f6ed 46%,#dce5ce 100%)}
h1,h1 span,.eyebrow,.overline,.model-index,.hero-bottom,.hero-bottom a,.panel-top,.panel-top #region-count,.region-insight-label,.consult-panel h2,.region-insight p,.inline-link,#region-inspect,#region-structure,#region-explain,.concern-heading,.panel-description,.count,.privacy-note{color:#30332f}.eyebrow i{background:#7b8866}.consult-panel{background:#fbfcf47d;border-color:#fffff6b3;box-shadow:0 12px 48px #46503408}.panel-divider{background:#525a431a}.portrait-art{filter:saturate(.68) contrast(.97);opacity:.85}
.regions button,.concern,.tabs button,.outline,.model-controls button,.portrait-zoom button,.three-tools button,.structure-part-tabs button,.round{background:#a7b58e29;border-color:#fffff0a3;color:#3b4433;box-shadow:inset 0 1px 0 #fffff080}.regions button:hover,.concern:hover,.tabs button:hover,.outline:hover,.model-controls button:hover,.portrait-zoom button:hover,.three-tools button:hover,.structure-part-tabs button:hover{background:#a7b58e45;border-color:#7a896333}.regions button.active,.concern.selected,.tabs button.active,.model-controls button.active,.structure-part-tabs button.active{background:#d8e2c4b8;border-color:#82956e88;color:#34422c}.concern .plus,.concern.selected .plus{color:#616d52}.primary,.consult-panel>.primary,.round.dark{background:#cad8b2d9;border-color:#a6b88d88;color:#30392a;box-shadow:inset 0 1px 0 #fffff080}.primary:hover,.consult-panel>.primary:hover,.round.dark:hover{background:#bdcea0ed}.text-btn,.inline-link{color:#3b4433}.hotspot-core,.flat-hotspot.selected .hotspot-core{background:#78876b}.hotspot-ring,.hotspot-wave,.flat-hotspot.selected .hotspot-ring{border-color:#7f8f6e66}.flat-hotspot.selected .hotspot-name{background:#f7f9efd9;border-color:#a6b79380;color:#46543b}.flat-hotspot.selected .hotspot-core{box-shadow:0 0 0 6px #84976d1a,0 0 18px #84976d33}
.education{background:#edf0e4}.result{background:#fafaf5}.lesson{background:#fcfcf5a3;border-color:#fffff6b3}.structure{background:#e1e8d5}.section-head h2,.section-head p,.result h2,.result>p,.lesson-copy h3,.lesson-copy>p,.note b,.note p,.feedback h3,.feedback p,.region-structure-title,.structure .region-structure-title,.structure-part-copy,.structure>.structure-part-copy,.structure-disclaimer,.structure>.structure-disclaimer,.region-structure-head,.step-nav span,.result-grid span,.result-grid strong,.hint,#outcome,.result .text-btn{color:#3d4735!important}.badge{color:#556248;background:#fafcf133;border-color:#899a7033}.note{border-color:#77856326}.result-grid{background:#b7c4a033;border-color:#b7c4a033}.result-grid div{background:#edf1e4}.flat-structure{background:#f0f4e6d9;border-color:#fffff6c9}.structure svg{filter:sepia(.3) hue-rotate(25deg) saturate(.55)}footer{background:#e8eddc;color:#667155;border-color:#94a37c26}#region-dialog{background:#f5f7eb;color:#3b4433;border-color:#fffff6}#region-dialog::backdrop{background:#3c473559}.detail-copy p,.detail-copy .detail-note{color:#5e6a51}#detail-close{background:#f8fbee80;color:#3b4433;border-color:#87966e33}.detail-crop{background-color:#f5f6ed}
@media(max-width:767px){header{background:#f8f8f2bb}.hero{background:radial-gradient(ellipse 90% 48% at 60% 24%,#fffff6b3,transparent 90%),linear-gradient(125deg,#e7ecdc,#f6f7ee 48%,#dce5ce)}.consult-panel{background:#fbfcf47d}.education{background:#edf0e4}.result{background:#fafaf5}.flat-structure{background:#f0f4e6e6}}

/* Warm white foundation, strong ink contrast, green used sparingly. */
:root{--bg:#f9f9f5;--ink:#22241f;--muted:#55594f;--accent:#c8d5ae}
html,body{background:#f9f9f5;color:#22241f}header{background:#fafaf7db;border-color:#22241f1a;color:#22241f}.brand{font-size:21px}.brand small{font-size:8px;color:#55594f}.brand-symbol{width:42px;height:42px;font-size:24px;border-color:#22241f66}.nav-current,#motion-toggle,.text-btn{color:#22241f;font-size:14px}
.hero{background:radial-gradient(ellipse 34% 70% at 52% 35%,#ffffff 0%,#f9f9f380 64%,transparent 100%),radial-gradient(ellipse 38% 70% at 100% 80%,#ccd3bf30,transparent 90%),linear-gradient(115deg,#edeee8,#fafaf5 48%,#e8eae2)}
h1,h1 span{color:#20221e}h1 span{opacity:.82}h1{font-size:clamp(38px,4.1vw,74px)}.eyebrow,.overline{font-size:12px;color:#33372f}.model-index,.hero-bottom,.panel-top,.region-insight-label,.panel-description,.privacy-note{opacity:1;color:#62675b}.hero-bottom{font-size:10px}.model-index{font-size:9px}.consult-panel{width:clamp(340px,28vw,450px);padding:32px;background:#ffffffa6;border-color:#ffffffd9;box-shadow:0 16px 60px #292c230b}.panel-top,.panel-top #region-count{font-size:12px;color:#42483b}.consult-panel h2{font-size:32px;color:#22241f}.region-insight p{font-size:14px;color:#4e5548}.inline-link,#region-inspect,#region-structure,#region-explain{font-size:14px;color:#22241f}.concern-heading{font-size:16px;color:#22241f}.panel-description,.count{font-size:12px;color:#62675b}.panel-divider{margin:26px 0;background:#22241f22}.regions{gap:7px}.regions button{font-size:13px;padding:11px 12px}.concerns{gap:10px}.concern{padding:16px 12px;min-height:64px}.concern strong{font-size:14px;line-height:1.55}.concern .plus{font-size:14px;color:#22241f}.privacy-note{font-size:11px}.primary,.consult-panel>.primary{font-size:16px;padding:19px 22px;margin-top:26px}.primary span{font-size:23px}
.regions button,.concern,.tabs button,.outline,.model-controls button,.portrait-zoom button,.three-tools button,.structure-part-tabs button,.round{background:#2c2d320c;border-color:#2c2d3226;color:#252821;box-shadow:inset 0 1px 0 #fff9}.regions button:hover,.concern:hover,.tabs button:hover,.outline:hover,.model-controls button:hover,.portrait-zoom button:hover,.three-tools button:hover,.structure-part-tabs button:hover{background:#2c2d321a;border-color:#2c2d3255}.regions button.active,.concern.selected,.tabs button.active,.model-controls button.active,.structure-part-tabs button.active{background:#cbd7b766;border-color:#89987599;color:#22291c}.primary,.consult-panel>.primary,.round.dark{background:#252722eb;border-color:#252722;color:#f9faf4;box-shadow:inset 0 1px 0 #fff3}.primary:hover,.consult-panel>.primary:hover,.round.dark:hover{background:#10120ff5}.text-btn,.inline-link{background:transparent}.portrait-zoom{right:calc(var(--page-edge) + clamp(340px,28vw,450px) + 20px)}.portrait-zoom button{width:42px;height:42px;font-size:22px;background:#ffffffb3}.model-controls button{font-size:13px;padding:16px 24px;background:#ffffffa6}.portrait-art{filter:none;opacity:1;mix-blend-mode:multiply}.portrait-ambient,.portrait-side-particles{opacity:.36}.hotspot-core,.flat-hotspot.selected .hotspot-core{background:#41483a}.hotspot-ring,.hotspot-wave{border-color:#41483a66}
.education{background:#f0f1eb}.result{background:#fafaf7}.lesson{background:#ffffffe0;border-color:#fff}.structure{background:#e7eae0}.section-head h2,.section-head p,.result h2,.result>p,.lesson-copy h3,.lesson-copy>p,.note b,.note p,.feedback h3,.feedback p,.region-structure-title,.structure .region-structure-title,.structure-part-copy,.structure>.structure-part-copy,.structure-disclaimer,.structure>.structure-disclaimer,.region-structure-head,.step-nav span,.result-grid span,.result-grid strong,.hint,#outcome{color:#292d24!important}.section-head h2,.result h2{font-size:clamp(36px,4vw,68px)}.section-head p,.result>p{font-size:17px}.lesson-copy>p{font-size:17px}.note p,.structure-part-copy,.structure>.structure-part-copy{font-size:15px}.tabs button,.outline,.structure-part-tabs button{font-size:15px;padding:16px 22px}.feedback h3{font-size:26px}.feedback p{font-size:15px}.result-grid div{padding:38px;background:#f1f2ec}.result-grid strong{font-size:22px}.result-grid span{font-size:13px}.badge{font-size:12px;border-color:#292d2440;background:#ffffff66;color:#292d24}.note{border-color:#292d2426}footer{background:#eeefe8;color:#555d4a}.flat-structure{background:#fafbf4e6}.detail-crop{background-color:#fafaf5}
@media(min-width:1024px) and (max-width:1200px){.consult-panel{width:330px;padding:24px}.concern strong{font-size:12px}.concern{padding:13px 10px;min-height:58px}.regions button{font-size:11px;padding:10px}.portrait-zoom{right:calc(var(--page-edge) + 350px)}}
@media(min-width:768px) and (max-width:1023px){.consult-panel{width:100%;padding:32px}.portrait-zoom{right:var(--page-gutter)}.hero-intro h1{font-size:46px}}
@media(max-width:767px){header{background:#fafaf7db}.brand{font-size:16px}.brand small{font-size:6px}.brand-symbol{width:34px;height:34px;font-size:22px}.text-btn,#motion-toggle{font-size:12px}.hero{background:radial-gradient(ellipse 90% 45% at 65% 28%,#fffffff0,transparent 95%),linear-gradient(125deg,#eeefe8,#fafaf6 48%,#e8eae2)}h1{font-size:34px}.eyebrow{font-size:9px}.consult-panel{width:100%;padding:24px;background:#ffffffb3}.panel-top,.panel-top #region-count{font-size:11px}.regions button{font-size:12px;padding:11px}.concern{min-height:64px;padding:14px 11px}.concern strong{font-size:13px}.primary,.consult-panel>.primary{font-size:15px;padding:18px 20px}.portrait-zoom{right:24px}.portrait-zoom button{width:40px;height:40px}.model-controls button{font-size:11px;padding:14px 16px}.section-head h2,.result h2{font-size:36px}.section-head p,.result>p,.lesson-copy>p{font-size:15px}.tabs button,.outline,.structure-part-tabs button{font-size:13px;padding:14px 16px}.education{background:#f0f1eb}.result{background:#fafaf7}.structure{background:#e7eae0}.hero-bottom{font-size:8px}.flat-structure{background:#fafbf4ed}}
@media(min-width:1024px){.portrait-pan{left:-4vw}.consult-panel{max-height:calc(100% - 110px);overflow-y:auto;scrollbar-width:thin}}
@media(min-width:1920px){.portrait-pan{left:-2vw}}

/* Neutral final palette and shared typography. */
:root{--font-ui:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;--bg:#f8f8f7;--ink:#252525;--muted:#606060;--border:#d8d8d6;--accent:#bdbdb8}
body,button,input,textarea,select,h1,h2,h3,h4,.brand-symbol,.region-structure-title,.structure .region-structure-title,.lesson-copy h3,.feedback h3{font-family:var(--font-ui)}
html,body{background:#f8f8f7;color:#252525}header{background:#fafaf9db;color:#252525;border-color:#2525251a}.brand small,.nav-current,#motion-toggle,.text-btn{color:#4a4a4a}.hero{background:radial-gradient(ellipse 38% 70% at 50% 32%,#ffffff 0%,#f7f7f680 65%,transparent 100%),radial-gradient(ellipse 40% 75% at 100% 80%,#bcbcb82e,transparent 90%),linear-gradient(115deg,#e9e9e6,#fafaf8 48%,#e4e4e0)}
h1,h1 span,.eyebrow,.overline,.hero-bottom,.hero-bottom a,.panel-top,.panel-top #region-count,.region-insight-label,.consult-panel h2,.region-insight p,.inline-link,#region-inspect,#region-structure,#region-explain,.concern-heading,.panel-description,.count,.privacy-note{color:#292929}.model-index,.brand small,.privacy-note,.panel-description{color:#666}.eyebrow i{background:#646464}.consult-panel{background:#ffffffa6;border-color:#ffffffd9;box-shadow:0 16px 60px #0000000a}.panel-divider{background:#25252522}
.regions button,.concern,.tabs button,.outline,.model-controls button,.portrait-zoom button,.three-tools button,.structure-part-tabs button,.round{background:#2525250c;border-color:#25252526;color:#292929}.regions button:hover,.concern:hover,.tabs button:hover,.outline:hover,.model-controls button:hover,.portrait-zoom button:hover,.three-tools button:hover,.structure-part-tabs button:hover{background:#2525251a;border-color:#25252555}.regions button.active,.concern.selected,.tabs button.active,.model-controls button.active,.structure-part-tabs button.active{background:#dededabf;border-color:#77777799;color:#222}.primary,.consult-panel>.primary,.round.dark{background:#252525eb;border-color:#252525;color:#fafafa}.primary:hover,.consult-panel>.primary:hover,.round.dark:hover{background:#111111f5}.concern .plus,.concern.selected .plus{color:#555}.portrait-zoom button{background:#ffffffb3}.hotspot-core,.flat-hotspot.selected .hotspot-core{background:#626262}.hotspot-ring,.hotspot-wave,.flat-hotspot.selected .hotspot-ring{border-color:#62626266}.flat-hotspot.selected .hotspot-name{background:#f9f9f7e6;border-color:#8888;color:#333}.flat-hotspot.selected .hotspot-core{box-shadow:0 0 0 6px #6666661a,0 0 18px #66666633}.portrait-focus{background:radial-gradient(ellipse 14% 12% at var(--x,50%) var(--y,50%),#99999924,transparent)}
.education{background:#efefed}.result{background:#fafaf9}.lesson{background:#ffffffe0}.structure{background:#e4e4e1}.section-head h2,.section-head p,.result h2,.result>p,.lesson-copy h3,.lesson-copy>p,.note b,.note p,.feedback h3,.feedback p,.region-structure-title,.structure .region-structure-title,.structure-part-copy,.structure>.structure-part-copy,.structure-disclaimer,.structure>.structure-disclaimer,.region-structure-head,.step-nav span,.result-grid span,.result-grid strong,.hint,#outcome{color:#303030!important}.structure svg{filter:grayscale(1)}.badge{border-color:#3334;background:#ffffff66;color:#444}.note{border-color:#3333}.result-grid{background:#ccc8;border-color:#ccc8}.result-grid div{background:#f0f0ee}footer{background:#ededea;color:#606060}.flat-structure{background:#f7f7f3e6}.flat-structure svg{filter:grayscale(1)}#region-dialog{background:#f7f7f5;color:#292929}#region-dialog::backdrop{background:#3336}.detail-copy p,.detail-copy .detail-note{color:#555}#detail-close{background:#ffffff80;color:#333;border-color:#8884}.detail-crop{background-color:#f7f7f5}
/* Keep the footer rule, mode controls and zoom controls in separate rows. */
@media(min-width:1024px){.model-controls{bottom:84px}.portrait-stage #scene,.portrait-stage #scene3d{bottom:150px}.portrait-zoom{bottom:18px}.hero-bottom{height:60px;bottom:0;align-items:center}.consult-panel{top:44%;max-height:calc(100% - 180px)}.three-tools{bottom:210px}.model-index{bottom:26%}}
@media(min-width:768px) and (max-width:1023px){.portrait-stage #scene,.portrait-stage #scene3d{bottom:88px}.model-controls{bottom:16px}.portrait-zoom{bottom:20px}.hero-bottom{min-height:72px;gap:20px}}
@media(max-width:767px){header{background:#fafaf9db}.hero{background:radial-gradient(ellipse 90% 45% at 65% 28%,#fffffff0,transparent 95%),linear-gradient(125deg,#ecece9,#fafaf8 48%,#e4e4e0)}.portrait-stage #scene,.portrait-stage #scene3d{bottom:88px}.model-controls{bottom:18px;gap:4px}.model-controls button{padding:13px 12px}.portrait-zoom{bottom:18px}.hero-bottom{min-height:76px;height:auto;padding:20px 0;gap:14px;flex-wrap:wrap;border-color:#3332}.hero-bottom a{white-space:nowrap}.education{background:#efefed}.result{background:#fafaf9}.structure{background:#e4e4e1}.flat-structure{background:#f7f7f3ed}}

/* Borderless translucent surfaces. */
header{position:absolute;inset:0 0 auto;z-index:20;background:transparent!important;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.hero{padding-top:96px;height:100svh;min-height:896px}.brand{gap:0}header nav{gap:12px}header nav .text-btn,header nav .nav-current{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 18px;background:#ffffff7a;border:0;border-radius:8px;color:#303030;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:none}header nav .text-btn:hover{background:#ffffffbd}
button,.primary,.outline,.round,.regions button,.concern,.tabs button,.model-controls button,.portrait-zoom button,.three-tools button,.structure-part-tabs button,#detail-close,.badge{border:0!important;box-shadow:none!important;outline-offset:4px}.regions button,.concern,.tabs button,.outline,.model-controls button,.portrait-zoom button,.three-tools button,.structure-part-tabs button,.round{background:#ffffff80;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:8px!important;color:#303030}.regions button:hover,.concern:hover,.tabs button:hover,.outline:hover,.model-controls button:hover,.portrait-zoom button:hover,.three-tools button:hover,.structure-part-tabs button:hover{background:#ffffffc9}.regions button.active,.concern.selected,.tabs button.active,.model-controls button.active,.structure-part-tabs button.active{background:#d4d4d0d9;color:#222}.primary,.consult-panel>.primary,.round.dark{background:#292929e8;color:#fafafa;border-radius:8px}.primary:hover,.consult-panel>.primary:hover,.round.dark:hover{background:#161616f5}.portrait-zoom button,.round{border-radius:50%!important}.model-controls{gap:8px}.model-controls button:last-child{line-height:normal}.inline-link,#region-inspect,#region-structure,#region-explain,.feedback .text-btn,.result .text-btn{background:#ffffff80;padding:11px 15px;border-radius:8px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);margin-top:8px}.inline-link:hover{background:#ffffffbd}
.consult-panel{background:#ffffff6e;border:0;border-radius:14px;box-shadow:none;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.lesson{border:0;border-radius:14px;background:#ffffff80;box-shadow:none}.structure{background:#dadad35c;border:0}.flat-structure{background:#ffffffe0;border:0;border-radius:14px;box-shadow:none}.result-grid{background:transparent;border:0;gap:12px}.result-grid div{background:#e9e9e580;border:0;border-radius:12px}.badge{background:#ffffff80;border-radius:8px}.note{border:0;padding:20px;background:#e2e2dc40;border-radius:10px}.panel-divider{height:0;margin:24px 0}.hero-bottom{border:0}.section,footer{border:0}.hotspot-name,.flat-hotspot.selected .hotspot-name{border:0;background:#ffffffc9;border-radius:8px;box-shadow:none}.hotspot-name:before{display:none}#region-dialog{border:0;border-radius:16px;background:#f9f9f3f0;box-shadow:0 24px 90px #0002}#detail-close{background:#ffffffb3}.three-tools{gap:8px}
@media(min-width:1024px){.portrait-stage{top:96px;height:calc(100% - 96px)}.hero-intro{top:calc(96px + 9%)}.consult-panel{top:calc(96px + (100% - 96px)*.44);max-height:calc(100% - 276px)}.model-controls{bottom:84px}}
@media(min-width:768px) and (max-width:1023px){header{height:84px}.hero{height:auto;min-height:0;padding-top:140px}.portrait-stage{top:auto;height:650px}.consult-panel{background:#ffffff6e}.hero-intro{top:auto}header nav .text-btn,header nav .nav-current{padding:11px 14px;font-size:12px}}
@media(max-width:767px){header{height:76px;padding-inline:24px}header nav{gap:7px}header nav .text-btn{padding:10px 12px;min-height:38px;font-size:11px}header nav .nav-current{display:none}.hero{height:auto;min-height:0;padding-top:116px}.consult-panel{background:#ffffff80;border:0}.model-controls{gap:6px;left:16px;right:16px}.model-controls button{padding:13px 11px;font-size:10px}.hero-bottom{border:0}.lesson{border-radius:12px}.flat-structure{background:#ffffffe0}.result-grid{gap:10px}.result-grid div{border-radius:10px}}

/* Repair structure-mode bounds and equalize sibling action buttons. */
@media(min-width:1024px){.hero.is-structure .portrait-stage #scene{left:var(--page-edge);right:calc(var(--page-edge) + clamp(340px,28vw,450px) + 32px);justify-content:center;align-items:center}.hero.is-structure .flat-structure{width:100%;max-width:760px;max-height:100%;box-sizing:border-box;padding:28px}.hero.is-structure .flat-structure svg{display:block;width:100%;height:auto;max-height:280px;margin:18px auto}.hero.is-structure .flat-structure .structure-part-tabs{display:flex;flex-wrap:wrap;gap:8px}}
.feedback-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.feedback-buttons>button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;height:auto;margin:0;padding:16px 22px;font-size:15px;line-height:20px;white-space:nowrap}.feedback-buttons>.primary{margin:0;padding:16px 22px;font-size:15px;line-height:20px}.feedback{align-items:center}.actions>.outcome{min-height:48px;margin:0}.structure-part-tabs button{min-height:44px;line-height:20px;margin:0}.model-controls button{min-height:44px;line-height:20px;margin:0}.model-controls button:last-child{line-height:20px}
@media(max-width:1023px){.hero.is-structure .portrait-stage #scene{left:24px;right:24px;min-height:0}.hero.is-structure .flat-structure{width:100%;max-width:760px;max-height:100%;padding:24px;box-sizing:border-box}.hero.is-structure .flat-structure svg{display:block;width:100%;height:auto;max-height:260px;margin:16px auto}.feedback{align-items:flex-start}.feedback-buttons{width:100%;justify-content:flex-start}.feedback-buttons>button{flex:1 1 auto;min-height:50px;margin:0;font-size:13px;padding:14px 16px;line-height:20px}.feedback-buttons>.primary{margin:0;font-size:13px;padding:14px 16px;line-height:20px}}

/* Warm anatomical teaching surfaces */
.structure,.flat-structure{background:radial-gradient(ellipse at 50% 35%,#fffaf5 0%,#f6e8df 60%,#ead9ce 100%);color:#64554e}.region-structure-head,.structure-disclaimer{color:#aa9184}.region-structure-title{color:#5b504b}.structure-part-copy{color:#806e63}.structure-part-tabs button{background:#fff9f3!important;color:#79685f!important}.structure-part-tabs button.active{background:#dbe4dc!important;color:#526c5d!important}.structure svg,.flat-structure svg{filter:drop-shadow(0 12px 12px rgba(142,97,79,.12))}

.anatomy-art{display:block;width:100%;height:auto;max-height:300px;object-fit:contain;border-radius:12px;margin:14px auto;mix-blend-mode:multiply}.hero.is-structure .anatomy-art{max-height:280px}

.anatomy-interactive{position:relative;margin:14px auto;max-width:620px;isolation:isolate}.anatomy-interactive .anatomy-art{margin:0;width:100%;max-height:none;mix-blend-mode:normal}.anatomy-hotspot{position:absolute;transform:translate(-50%,-50%);width:34px;height:34px;border-radius:50%!important;background:#fffaf0e8!important;color:#506d5b!important;cursor:pointer;box-shadow:0 0 0 5px #ffffff55!important;z-index:2}.anatomy-hotspot.active{background:#657f6c!important;color:white!important;box-shadow:0 0 0 10px #ffffff88,0 0 35px 15px #fff9e4aa!important}.anatomy-hotspot:focus-visible{outline:3px solid #536f60}.anatomy-focus-label{position:absolute;bottom:10px;left:12px;background:#fff9f0ee;padding:8px 12px;border-radius:8px;color:#5b6e5f;font-size:12px}.hero.is-structure .anatomy-interactive{max-width:480px}

/* Full-width anatomical imagery and touch-friendly glass controls. */
.anatomy-interactive,.hero.is-structure .anatomy-interactive{width:100%;max-width:none;margin:18px 0;overflow:hidden;border-radius:12px;background:#f5e7dc}
.anatomy-interactive .anatomy-art,.hero.is-structure .anatomy-interactive .anatomy-art{display:block;width:100%;height:auto;max-height:none;aspect-ratio:3/2;object-fit:cover;border-radius:0}
.hero.is-structure .flat-structure{max-width:none;padding:22px;max-height:100%;overflow:auto}
.anatomy-hotspot,.anatomy-hotspot.active{display:grid;place-items:center;width:46px;height:46px;padding:0;background:rgba(255,255,255,.3)!important;color:#3e5047!important;border:1px solid rgba(255,255,255,.65)!important;backdrop-filter:blur(14px) saturate(135%);-webkit-backdrop-filter:blur(14px) saturate(135%);box-shadow:0 5px 18px #493c3120,inset 0 1px 0 #fff9!important;transition:background .18s,box-shadow .18s}
.anatomy-hotspot.active{background:rgba(91,119,99,.55)!important;color:#fff!important;box-shadow:0 0 0 4px #ffffff40,0 6px 20px #493c3125!important}
.anatomy-hotspot:hover{background:rgba(255,255,255,.65)!important;color:#3e5047!important}
.anatomy-hotspot span{pointer-events:none;font-size:15px;font-weight:600}
.anatomy-focus-label{background:#ffffff59;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid #ffffff70}
@media(max-width:1023px){.hero.is-structure .portrait-stage{height:auto;min-height:640px}.hero.is-structure .flat-structure{padding:20px}.structure-part-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.structure-part-tabs button{padding:10px 7px;white-space:normal}}
@media(max-width:767px){.hero.is-structure .portrait-stage{min-height:0;height:660px;margin-top:8px}.hero.is-structure .portrait-stage #scene{left:12px;right:12px;bottom:88px;align-items:flex-start}.hero.is-structure .flat-structure{width:100%;padding:18px 12px;max-height:100%;border-radius:14px}.anatomy-interactive,.hero.is-structure .anatomy-interactive{margin:14px 0;border-radius:10px}.anatomy-interactive .anatomy-art,.hero.is-structure .anatomy-interactive .anatomy-art{aspect-ratio:1.15;object-fit:cover}.anatomy-hotspot,.anatomy-hotspot.active{width:44px;height:44px}.anatomy-hotspot:nth-of-type(1){left:32%!important}.anatomy-hotspot:nth-of-type(2){left:50%!important}.anatomy-hotspot:nth-of-type(3){left:68%!important}.anatomy-focus-label{bottom:8px;left:8px;padding:6px 9px;font-size:11px}.region-structure-title,.structure .region-structure-title{font-size:21px;margin:12px 0}.structure-part-copy{font-size:12px;line-height:1.8}.structure-disclaimer{font-size:10px;line-height:1.6}.structure{padding:20px 14px}.structure-part-tabs button{font-size:11px;min-height:46px}.hero.is-structure .model-controls{bottom:18px}}

.science-explanation{font-size:12px;line-height:1.85;color:#66594f;margin:12px 0}.science-explanation summary{cursor:pointer;padding:10px 12px;background:#ffffff66;border-radius:8px}.science-explanation p{padding:0 8px}.science-boundary{color:#88796e}.science-sources{padding:0 8px}.science-sources a{color:#526f60;text-decoration:underline}

/* Exploration above, explanation below. */
.structure-learn-link{display:inline-flex;align-items:center;gap:24px;padding:11px 16px;background:#ffffff80;color:#4e6959;border-radius:9px;text-decoration:none;font-size:13px;margin:0 0 8px;backdrop-filter:blur(12px)}
.education .lesson{display:block;max-width:900px;margin-inline:auto}.education .lesson-copy{width:100%;padding:40px 48px}.lesson-sources{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:24px 0;font-size:12px;color:#8a8981}.lesson-sources a{color:#526e60;text-underline-offset:4px}.education .lesson-copy>p{max-width:70ch;line-height:1.95}
@media(max-width:767px){.education .lesson-copy{padding:28px 20px}.lesson-sources{gap:10px;font-size:11px}.structure-learn-link{min-height:44px;font-size:12px}}

/* Structural visuals live in the education section only. */
.education .lesson{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);max-width:none;align-items:start;overflow:hidden}.lesson-visual{padding:28px;min-width:0;background:linear-gradient(145deg,#fff9f2,#f0dfd2);border-radius:14px}.education .lesson-copy{padding:32px;min-width:0}.lesson-visual .anatomy-interactive{margin:18px 0}.lesson-visual .region-structure-title{font-size:23px}.lesson-visual .structure-part-copy{font-size:13px;line-height:1.8}.lesson-visual .structure-disclaimer{font-size:10px;line-height:1.7}
@media(max-width:1023px){.education .lesson{grid-template-columns:1fr}.lesson-visual{padding:24px}.education .lesson-copy{padding:28px}}
@media(max-width:767px){.lesson-visual{padding:18px 12px;border-radius:12px}.education .lesson-copy{padding:24px 18px}.lesson-visual .region-structure-title{font-size:21px}.lesson-visual .anatomy-art{aspect-ratio:1.15;object-fit:cover}}

/* Unified anatomy lesson workspace. */
.education{padding-top:88px;padding-bottom:80px}.education .section-head{margin-bottom:30px}.education .tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px;padding:0}.education .tabs button{padding:12px 20px;min-height:46px;font-size:13px}.education .tabs button.active{background:#dce6dd;color:#3b5847}
.education .lesson{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:0;align-items:stretch;background:#fffcf8;border-radius:22px;overflow:hidden;border:1px solid #e6ded3;box-shadow:0 16px 60px #59432a06}
.education .lesson-visual{grid-column:1;grid-row:1;border-radius:0;padding:26px;background:linear-gradient(145deg,#f7ede3,#eddfd2);display:flex;flex-direction:column;min-width:0}.education .lesson-copy{grid-column:2;grid-row:1;width:auto;padding:42px 34px;display:flex;flex-direction:column;min-width:0;background:#fffcf8}
.lesson-visual .region-structure-head{font-size:9px;letter-spacing:.1em;color:#998678}.lesson-visual .region-structure-title{font-size:21px;font-weight:400;margin:12px 0 4px;color:#66584e}.lesson-visual .anatomy-interactive{width:100%;margin:18px 0 20px;border-radius:14px;overflow:hidden}.lesson-visual .anatomy-art{width:100%;aspect-ratio:1.3;height:auto;object-fit:cover;max-height:none}.lesson-visual .structure-part-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}.lesson-visual .structure-part-tabs button{font-size:12px;padding:12px 7px;min-height:48px;white-space:normal;background:#fff8f0b3!important}.lesson-visual .structure-part-tabs button.active{background:#d8e2d7!important;color:#3d5948!important}.lesson-visual .structure-part-copy{font-size:12px;line-height:1.8;color:#897263;margin:16px 0 8px}.lesson-visual .structure-disclaimer{font-size:9px;color:#a18d7e;margin:0}
.education .lesson-copy .overline{color:#819280;letter-spacing:.16em;font-size:10px}.education .lesson-copy h3{font-size:clamp(23px,2vw,32px);line-height:1.5;margin:20px 0 22px;color:#39483e;font-weight:400}.education .lesson-copy>p{font-size:15px;line-height:2;color:#687067;margin:0 0 28px;max-width:none}.education .lesson-copy .note{margin:0;padding:20px;background:#f0f1e9;border-radius:12px}.education .note b{font-size:12px;font-weight:500;color:#6c7867}.education .note p{font-size:12px;line-height:1.9;margin:9px 0 0;color:#8a8b7d}.lesson-sources{margin:22px 0 28px;gap:8px 12px;font-size:11px;line-height:1.8}.lesson-sources>span{width:100%;font-size:10px;letter-spacing:.08em;color:#a1a294}.education .step-nav{display:flex;align-items:center;gap:12px;margin-top:auto;padding-top:24px;border-top:1px solid #e8e8df}.education .step-nav>span{margin-left:auto;color:#8c988a;font-size:12px}.education .feedback{margin-top:28px;padding:24px 0 0;gap:24px}.education .feedback h3{font-size:20px}.education .feedback p{font-size:12px}
@media(max-width:1023px){.education .lesson{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.education .lesson-visual{padding:20px}.education .lesson-copy{padding:28px 22px}.education .lesson-copy h3{font-size:23px}.education .lesson-copy>p{font-size:14px}.lesson-visual .anatomy-art{aspect-ratio:1.05}}
@media(max-width:767px){.education{padding:56px 16px}.education .section-head{margin-bottom:24px}.education .section-head h2{font-size:29px}.education .tabs{flex-wrap:nowrap;overflow-x:auto;padding:0 0 8px;margin-bottom:14px;scrollbar-width:thin}.education .tabs button{flex:0 0 auto;padding:11px 16px;font-size:12px;min-height:44px}.education .lesson{display:flex;flex-direction:column;border-radius:16px}.education .lesson-visual{padding:18px 12px}.lesson-visual .region-structure-title{font-size:19px}.lesson-visual .anatomy-art{aspect-ratio:1.15}.lesson-visual .anatomy-interactive{margin:14px 0 16px}.lesson-visual .structure-part-tabs{gap:6px}.lesson-visual .structure-part-tabs button{font-size:11px;padding:10px 5px;min-height:48px}.education .lesson-copy{padding:26px 20px}.education .lesson-copy h3{font-size:23px;margin:14px 0 18px}.education .lesson-copy>p{font-size:14px;line-height:1.95;margin-bottom:22px}.education .lesson-copy .note{padding:16px}.lesson-sources{margin:20px 0}.education .step-nav{padding-top:20px}.education .feedback{align-items:stretch;gap:12px}.education .feedback-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.education .feedback-buttons>.primary{grid-column:1/-1}}

/* Clear facial features, particles retained around the silhouette. */
.portrait-art{opacity:1;filter:none;image-rendering:auto;mask-image:radial-gradient(ellipse 54% 59% at 60% 48%,#000 52%,#000e 73%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 54% 59% at 60% 48%,#000 52%,#000e 73%,transparent 100%)}
.detail-crop{background-image:url('assets/particle-woman-asian-v1.png');background-color:#f7f7f3}

/* A focused wheel interaction area; zoom controls remain independent of drag. */
.portrait-wheel-zone{position:absolute;left:50%;top:46%;width:min(360px,42%);height:min(400px,62%);transform:translate(-50%,-50%);z-index:7;pointer-events:none;border:1px solid transparent;border-radius:45%;transition:border-color .2s}.portrait-wheel-zone span{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#ffffff80;backdrop-filter:blur(12px);padding:7px 12px;border-radius:20px;font-size:10px;color:#7c8e7e;opacity:0;transition:opacity .2s}.portrait-wheel-zone.hover{border-color:#8c9c8030}.portrait-wheel-zone.hover span{opacity:1}.portrait-zoom{pointer-events:auto;z-index:12;align-items:center;gap:7px;filter:none}.portrait-zoom button{position:relative;pointer-events:auto;touch-action:manipulation;width:44px;height:44px;display:grid;place-items:center;font-size:21px;color:#4e6555;background:#ffffffb3}.portrait-zoom button:disabled{opacity:.35;cursor:default}.portrait-zoom-status{font-size:11px;color:#7f8b78;min-width:42px;text-align:center;background:#ffffff99;border-radius:16px;padding:7px 8px}
@media(max-width:767px){.portrait-wheel-zone{display:none}.portrait-zoom{right:20px;bottom:18px;gap:6px}.portrait-zoom button{width:44px;height:44px}.portrait-zoom-status{font-size:10px}}