/* Readable type, proportional desktop composition, independent mobile reading. */
@property --header{syntax:'<length>';inherits:true;initial-value:72px}
:root{--read-body:18px;--read-small:14px;--read-label:14px;--read-h3:24px;--read-h2:40px;--read-unit:1px}
body{font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;line-height:1.8}
h1,h2,h3{letter-spacing:0}
.academic-section{padding-block:calc(30 * var(--read-unit)) calc(64 * var(--read-unit))}
.academic-heading{display:grid;grid-template-columns:1fr 1fr;gap:calc(16 * var(--read-unit)) calc(48 * var(--read-unit));align-items:start}
.academic-heading .eyebrow{grid-column:1/-1;color:var(--overview-accent)}
.academic-heading h2{font-size:var(--read-h2);line-height:1.45;font-weight:650}
.academic-heading>p:last-child{font-size:var(--read-body);color:var(--overview-muted);line-height:1.9}
.academic-map{margin-top:calc(32 * var(--read-unit));border-top:1px solid #b9ccdd}
.academic-column-head,.academic-row{display:grid;grid-template-columns:1.1fr 1fr .8fr;gap:calc(36 * var(--read-unit))}
.academic-column-head{font-size:var(--read-label);color:var(--overview-muted);padding-block:calc(18 * var(--read-unit));border-bottom:1px solid #b9ccdd}
.academic-row{padding-block:calc(26 * var(--read-unit));border-bottom:1px solid #d3deeb;align-items:center}
.academic-row>div{min-width:0}
.academic-category{font-size:var(--read-label);color:var(--overview-accent);font-weight:600}
.academic-row h3{font-size:var(--read-h3);font-weight:600;line-height:1.5;margin-top:calc(6 * var(--read-unit))}
.academic-row p{font-size:var(--read-body);color:var(--overview-muted);line-height:1.9;margin-top:calc(8 * var(--read-unit))}
.academic-row>div:first-child p{font-size:var(--read-small)}
.academic-field-label{display:none}
.academic-note{font-size:var(--read-small);line-height:1.9;color:var(--overview-muted);margin-top:calc(24 * var(--read-unit))}
@media(min-width:981px){
 :root{--read-unit:max(.75px,.069444444vw);--read-body:max(16px,1.25vw);--read-small:max(14px,.972222222vw);--read-label:max(14px,.972222222vw);--read-h3:max(21px,1.666666667vw);--read-h2:max(30px,2.777777778vw);--header:max(72px,5vw);--stage-context-height:max(80px,5.555555556vw)}
 body{font-size:var(--read-body)}
 .eyebrow,.micro-note,.overview-credit,.goal-note,.learning-notes,.comparison-label,.support-number,.support-item small,.levels-heading>p:last-child,.level-meta,.level-highlights,.level-banner-copy::after{font-size:var(--read-small)}
 .site-header{padding-inline:calc(28 * var(--read-unit));gap:calc(20 * var(--read-unit))}
 .brand{font-size:calc(21 * var(--read-unit));gap:calc(12 * var(--read-unit));letter-spacing:.025em}
 .brand img{width:calc(48 * var(--read-unit));height:calc(48 * var(--read-unit));border-radius:calc(13 * var(--read-unit))}
 .brand-caption{font-size:max(12px,.902777778vw);letter-spacing:.08em}
 .site-header nav,.site-header nav>span{gap:calc(8 * var(--read-unit));font-size:max(14px,1.041666667vw)}
 .site-header nav a{padding:calc(9 * var(--read-unit)) calc(8 * var(--read-unit))}
 .header-tools{gap:calc(8 * var(--read-unit));font-size:var(--read-small)}
 .header-tools button{font-size:var(--read-small);padding:calc(8 * var(--read-unit)) calc(10 * var(--read-unit))}
 .preview-mark{padding-left:calc(12 * var(--read-unit))}
 .curriculum-intro>.eyebrow,.intro-media-tools{font-size:var(--read-small)}
 .curriculum-intro>p:not(.eyebrow){font-size:var(--read-body);max-width:68vw}
 .goal-content{padding-block:calc(64 * var(--read-unit)) calc(44 * var(--read-unit))}
 .education-goal h2{font-size:4.8vw;letter-spacing:.03em}
 .goal-lead{font-size:1.666666667vw;max-width:53vw}
 .goal-pillars{gap:calc(28 * var(--read-unit));margin-top:calc(38 * var(--read-unit));padding-top:calc(24 * var(--read-unit))}
 .goal-pillars article>span{width:calc(44 * var(--read-unit));height:calc(44 * var(--read-unit));font-size:calc(24 * var(--read-unit))}
 .goal-pillars h3,.support-item strong{font-size:var(--read-h3)}
 .goal-pillars p,.learning-heading>p:last-child,.learning-columns li,.support-copy{font-size:var(--read-body)}
 .goal-note{max-width:70vw}
 .learning-common{padding-block:calc(62 * var(--read-unit)) calc(30 * var(--read-unit))}
 .learning-heading{gap:calc(16 * var(--read-unit)) calc(48 * var(--read-unit))}
 .learning-heading h2,.support-heading h2,.levels-heading h2{font-size:var(--read-h2);letter-spacing:0}
 .learning-columns{gap:calc(36 * var(--read-unit));padding:calc(32 * var(--read-unit)) calc(36 * var(--read-unit)) calc(20 * var(--read-unit))}
 .learning-columns h3{font-size:var(--read-h3)}
 .learning-columns li{grid-template-columns:5em 1fr;gap:1em;padding-block:.7em}
 .learning-project{padding-left:calc(36 * var(--read-unit))}
 .learning-notes{padding:0 calc(36 * var(--read-unit)) calc(22 * var(--read-unit))}
 .learning-support{padding-block:calc(24 * var(--read-unit)) calc(54 * var(--read-unit))}
 .support-grid{gap:calc(14 * var(--read-unit)) calc(30 * var(--read-unit))}
 .support-item summary{gap:calc(18 * var(--read-unit));padding-block:calc(20 * var(--read-unit))}
 .support-copy{padding:0 calc(36 * var(--read-unit)) calc(22 * var(--read-unit)) calc(35 * var(--read-unit))}
 .levels-heading{padding-block:calc(20 * var(--read-unit)) calc(32 * var(--read-unit))}
 .level-banner{grid-template-rows:minmax(0,1fr);min-height:0}
 .level-banner-copy{max-width:82%;padding-block:.6vw}
 .level-banner h2{font-size:2.15vw;line-height:1.35}
 .level-teaser{font-size:max(14px,1.111111111vw);max-width:52vw}
 .level-highlights{margin-top:.6vw}.level-banner-copy::after{margin-top:.6vw}
 .stage-context{height:var(--stage-context-height);padding-block:calc(10 * var(--read-unit))}
 .stage-context-title{padding-left:calc(14 * var(--read-unit))}
 .stage-context-title>span{font-size:var(--read-label);letter-spacing:.03em}
 .stage-context-title strong{font-size:calc(21 * var(--read-unit))}
 .stage-context-actions,.stage-context-actions button{font-size:var(--read-small)}
 .stage-context-actions{gap:calc(20 * var(--read-unit))}
 .level-detail>.hero{padding-block:calc(52 * var(--read-unit)) calc(64 * var(--read-unit))}
 .stage-context+.hero .hero-title{font-size:3.6vw;letter-spacing:0}
 .stage-context+.hero .hero-description,.section-description,.journey-copy .section-description{font-size:var(--read-body)}
 .project-name{font-size:var(--read-body)}
 .hero-actions{gap:calc(22 * var(--read-unit));margin-top:calc(28 * var(--read-unit))}
 .button,.quiet-link,.quiet-button,.back-top{font-size:var(--read-small)}
 .button{padding:calc(14 * var(--read-unit)) calc(22 * var(--read-unit));gap:calc(24 * var(--read-unit))}
 .hero-facts{gap:calc(38 * var(--read-unit));margin-top:calc(38 * var(--read-unit))}
 .hero-facts strong,#level04 .embodied-fact,#level05 .professional-fact{font-size:calc(32 * var(--read-unit))}
 .hero-facts .hardware-cad-name,#level03 .creation-cad-name{font-size:calc(26 * var(--read-unit))}
 .hero-facts strong span{font-size:calc(17 * var(--read-unit))}
 .hero-facts small,.scroll-cue{font-size:var(--read-small)}
 .section-heading h2,.journey-copy h2,.outcomes h2,.classroom-section h2{font-size:var(--read-h2);letter-spacing:0}
 .scene-sticky{gap:calc(46 * var(--read-unit));min-height:calc(650 * var(--read-unit));padding-block:calc(24 * var(--read-unit))}
 .journey-steps{margin-block:calc(22 * var(--read-unit)) calc(16 * var(--read-unit))}
 .journey-steps button{gap:calc(16 * var(--read-unit));padding-block:calc(10 * var(--read-unit))}
 .journey-steps li{padding-left:calc(25 * var(--read-unit))}
 .journey-steps strong{font-size:calc(19 * var(--read-unit))}
 .journey-steps small,.step-number,.journey-copy .micro-note{font-size:var(--read-small)}
 .journey-steps li::before{top:calc(24 * var(--read-unit))}
 .level-detail .project-stage,#level02 .hardware-stage,#level03 .creation-stage,#level04 .embodied-stage,#level05 .professional-stage{height:auto;min-height:calc(510 * var(--read-unit));display:flex;flex-direction:column}
 .stage-header,.stage-footer{font-size:var(--read-small);padding:calc(18 * var(--read-unit)) calc(22 * var(--read-unit));gap:1em}
 .stage-footer{position:relative;inset:auto;margin-top:auto;flex-wrap:wrap}
 .stage-tag{font-size:var(--read-label)}
 .stage-plan,.stage-code,.stage-assets,.stage-debug,.hardware-stage-panel,.creation-stage-panel,.embodied-stage-panel,.professional-stage-panel{position:relative;inset:auto!important;display:none;opacity:1;visibility:visible;transform:none!important;pointer-events:auto;padding:calc(26 * var(--read-unit));flex:1}
 :is(.stage-plan,.stage-code,.stage-assets,.stage-debug,.hardware-stage-panel,.creation-stage-panel,.embodied-stage-panel,.professional-stage-panel)[aria-hidden="false"]{display:block}
 .stage-plan h3,.hardware-stage-panel h3,.creation-stage-panel h3,.embodied-stage-panel h3,.professional-stage-panel h3{font-size:calc(30 * var(--read-unit));margin-top:.6em}
 .hardware-stage-panel p,.creation-stage-panel p,.embodied-stage-panel p,.professional-stage-panel p,.debug-question{font-size:max(14px,1.111111111vw)}
 .plan-orbit{display:none}.plan-nodes,.debug-path{flex-wrap:wrap}
 .plan-nodes span,.hardware-idea-points>span,.hardware-signal,.creation-points>span,.creation-flow>span,.creation-code li,.embodied-method-pair>span,.embodied-method-pair small,.debug-path,.debug-success,.debug-success small,.stage-blocks .block,.hardware-blocks .block{font-size:var(--read-small)}
 .code-result{position:static;width:auto;text-align:left;margin-top:1em}.code-result>span{font-size:calc(44 * var(--read-unit))}.code-result>div{font-size:var(--read-small)}
 .stage-assets[aria-hidden="false"]{display:grid;grid-template-columns:1fr 1fr;gap:calc(16 * var(--read-unit))}
 .stage-assets .stage-tag,.asset-prompt{grid-column:1/-1}.asset-preview{position:relative;inset:auto!important;width:100%;height:calc(185 * var(--read-unit));transform:none}
 .asset-prompt{position:static;font-size:var(--read-small);line-height:1.8}.asset-preview>span:last-child{font-size:var(--read-small)}
 .hardware-shell{width:calc(220 * var(--read-unit));height:calc(175 * var(--read-unit));margin:1em auto}
 .creation-code-diagram>span,.embodied-learning-diagram>span{font-size:var(--read-body)}
 .ai-panel{gap:calc(50 * var(--read-unit));padding:calc(40 * var(--read-unit));min-height:calc(340 * var(--read-unit))}
 .ai-panel-copy h3{font-size:calc(30 * var(--read-unit))}
 .ai-panel-copy>p,.creation-mainline-grid p,.outcome-grid p,.hardware-project-grid p,.creation-project-grid p,.creation-presentation-points p,.professional-platform-grid p,.closing .creation-mentor-note,.closing .hardware-mentor-note{font-size:var(--read-body)}
 .ai-tabs button,.prompt-example p,.prompt-example>span,.console-note,.ai-diagram>p,.idea-branches>span,.material-character>span,.material-background>span:last-child{font-size:var(--read-small)}
 .ai-tabs button{padding:calc(20 * var(--read-unit)) calc(12 * var(--read-unit))}
 .prompt-example{padding:calc(16 * var(--read-unit));margin-top:calc(20 * var(--read-unit))}
 .console-note{padding:calc(16 * var(--read-unit)) calc(28 * var(--read-unit))}
 .idea-orb{width:calc(160 * var(--read-unit));height:calc(160 * var(--read-unit))}.idea-orb>span{font-size:var(--read-body)}
 .idea-branches{gap:calc(14 * var(--read-unit))}.idea-branches>span{min-width:calc(95 * var(--read-unit));padding:calc(12 * var(--read-unit))}
 .debug-loop{width:calc(250 * var(--read-unit));height:calc(250 * var(--read-unit));font-size:var(--read-small)}
 .debug-loop>span{font-size:var(--read-small);padding:calc(10 * var(--read-unit))}
 .creation-mainline-grid h3,.outcome-grid h3,.hardware-project-grid h3,.creation-project-grid h3,.creation-presentation-points h3,.professional-platform-grid h3{font-size:var(--read-h3)}
 .creation-mainline-mark{font-size:calc(48 * var(--read-unit))}.hardware-platforms>div{font-size:var(--read-h3)}
 #main .level-detail .outcome-grid article>span,#main .level-detail .back-top{font-size:var(--read-small)}
 .hardware-project-grid article>span,.creation-project-grid article>span,.creation-presentation-points article>span,.professional-platform-grid article>span,.outcome-grid article>span,.hardware-platforms>span,.hardware-platforms>p,.hardware-project-grid .hardware-model-note,.professional-platform-grid .quiet-link{font-size:var(--read-small)}
 .creation-project-photo figcaption,.hardware-project-photo figcaption,.classroom-film figcaption,.photo-credit,.classroom-play,.recording-label,.ai-film-label{font-size:var(--read-small)}
 .classroom-play>span:last-child{font-size:var(--read-small)}
 .closing h3{font-size:var(--read-h2)}.closing>p,.site-footer,.site-footer>div:first-child>span,.footer-links{font-size:var(--read-small)}
 .closing .creation-mentor-note,.closing .hardware-mentor-note{max-width:62vw}
 .creation-mainline-grid,.creation-project-grid,.creation-presentation-points,.professional-platform-grid,.hardware-project-grid{gap:calc(32 * var(--read-unit));margin-top:calc(36 * var(--read-unit))}
}
@media(min-width:981px) and (max-width:1199px){.level-highlights{display:none}.preview-mark{display:none}}
@media(max-width:980px){
 :root{--read-body:16px;--read-small:14px;--read-label:13px;--read-h3:21px;--read-h2:28px}
 .academic-section{padding-block:20px 36px}.academic-heading{display:block}.academic-heading h2{margin-top:12px}.academic-heading>p:last-child{margin-top:16px}
 .academic-column-head{display:none}.academic-map{margin-top:24px}
 .academic-row{grid-template-columns:1fr;gap:18px;padding-block:26px}.academic-row>div:first-child p{font-size:16px}
 .academic-field-label{display:block;font-size:13px;color:var(--overview-accent);font-weight:600}.academic-row h3{font-size:22px}.academic-row p{margin-top:4px}
 .academic-note{font-size:14px}
 .curriculum-intro>p:not(.eyebrow),.goal-pillars p,.learning-heading>p:last-child,.learning-columns li,.support-copy,.levels-heading>p:last-child,.level-teaser,.stage-context+.hero .hero-description,.ai-panel-copy>p,.prompt-example p,.creation-mainline-grid p,.outcome-grid p,.hardware-project-grid p,.creation-project-grid p,.creation-presentation-points p,.professional-platform-grid p{font-size:16px;line-height:1.85}
 .level-detail .section-description{font-size:16px!important}
 .goal-note,.learning-notes,.support-item small,.overview-credit,.micro-note,.console-note,.classroom-film figcaption,.photo-credit{font-size:13px}
 .eyebrow,.comparison-label,.level-meta,.level-banner-copy::after,.journey-copy .micro-note{font-size:13px}
 .journey-steps li{flex-basis:176px}.journey-steps strong{font-size:15px}.step-number{font-size:13px}
 .stage-header,.stage-footer,.stage-tag,.stage-blocks .block,.hardware-blocks .block,.hardware-stage-panel p,.creation-stage-panel p,.embodied-stage-panel p,.professional-stage-panel p,.creation-code li,.asset-prompt,.debug-path,.debug-success,.debug-success small{font-size:14px}
 .hero-facts{grid-template-columns:repeat(2,minmax(0,1fr))!important}.hero-facts>div:last-child{grid-column:1/-1}.hero-facts strong span,.hero-facts small{font-size:13px}
 .hero-facts .hardware-cad-name,#level03 .creation-cad-name{font-size:17px;line-height:1.7}
 .stage-context{flex-wrap:wrap;gap:4px 12px}.stage-context-title{flex:1;min-width:145px}.stage-context-title>span{font-size:12px}.stage-context-title strong{font-size:15px}.stage-context-actions,.stage-context-actions button{font-size:13px}
 .ai-tabs button{font-size:14px;flex-basis:110px}.hero-actions .quiet-link{font-size:14px!important}
 .plan-nodes,.debug-path{flex-wrap:wrap}.asset-preview>span:last-child{font-size:13px}.embodied-method-pair>span,.embodied-method-pair small{font-size:14px}
 .site-footer>div:first-child>span,.footer-links{font-size:13px}
}