/* AIRFRAME / second edition: readable field guide, mobile interaction, guided exploration. */
:root{--muted:#6e7a63;--accent:#ab5835}html{scroll-behavior:smooth;scroll-padding-top:20px}.topbar nav a{cursor:pointer}.hero-actions{display:flex;align-items:center;gap:20px;margin:20px 0 0 3px;pointer-events:auto}.hero-actions button{display:flex;align-items:center;gap:7px;font-size:11px;min-height:34px;padding:0 12px;background:#e2e8d9;border:1px solid #ccd7bf;border-radius:3px;color:#425d33}.hero-actions button svg{width:13px;height:13px}.hero-actions a{font-size:10px;color:#7e8b70}.hero-actions a span{margin-left:5px}.view-meta{top:222px}.detail-description{color:#69775e;font-size:12px;line-height:1.9}.component{font-size:12px;min-height:38px}.component .number{font-size:10px}.section-eyebrow{font-size:11px}.detail-en{font-size:9px}.source-note{font-size:10px}.material-control p{font-size:10px}.scene-caption{font-size:8px}.interaction-hint{font-size:10px}.view-presets button{font-size:11px;min-height:32px}.view-presets button:hover{background:#e5eadc}.scene-tools .icon-button{width:36px;height:36px}.slider-labels{font-size:12px}.slider-labels>span{font-size:19px}.range-ends{font-size:10px}.stage-text strong{font-size:12px}.stage-text span{font-size:7px}.stage{min-height:44px}.stage-description{margin:12px 38px 0;text-align:center;font-size:11px;line-height:1.8;color:#768669}.journey{min-height:78px}.touch-toggle,.detail-toggle{display:none}.tour-card{position:absolute;bottom:75px;left:12px;width:min(360px,calc(100% - 24px));padding:16px 19px;border:1px solid #c4cfb8;border-left:3px solid #9f6845;background:#f6f5edf5;backdrop-filter:blur(12px);box-shadow:0 12px 36px #28331b13;border-radius:4px;z-index:5}.tour-card-top{display:flex;align-items:center;justify-content:space-between}.tour-card-top>span{font-size:9px;letter-spacing:1px;color:#9d6a49}.tour-card-top>.icon-button{width:26px;height:26px;margin:-8px -7px -4px 0}.tour-card h2{font-size:17px;line-height:1.5;letter-spacing:-.4px;margin:10px 0 8px;font-weight:500}.tour-card>p{font-size:12px;line-height:1.85;color:#6d7a61;margin:0}.tour-card-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:14px}.tour-card-bottom>a{font-size:9px;color:#8a967e}.tour-card-bottom>div{display:flex;align-items:center;gap:9px}.tour-card-bottom>div>span{font:9px var(--mono);color:#9aa68d}.tour-card-bottom button{font-size:11px;min-height:30px;padding:3px 7px}.tour-card-bottom #tour-next{color:#526a43}.model-label{font-size:10px;padding:6px 8px;box-shadow:0 1px 4px #40502d07}.model-label.selected{border-color:#ae825e;color:#97552d}.render-modes button{min-height:34px;font-size:11px}.isolate-button{min-height:40px;font-size:11px}.component.active{box-shadow:inset 2px 0 #7a9067}.loading{font-size:12px}
.learning-section{margin:0 38px;padding:76px 0 0;border-top:1px solid var(--line)}.learn-heading{display:grid;grid-template-columns:1.3fr 1fr;align-items:end;gap:80px;margin-bottom:36px}.learn-heading h2{font-weight:400;font-size:37px;line-height:1.45;letter-spacing:-1.2px;margin:22px 0 0}.learn-heading h2>span{color:#839173}.learn-heading>p{font-size:13px;line-height:2;color:#7c896e;max-width:360px;margin:0 0 5px}.intro-band{display:grid;grid-template-columns:150px 1fr;gap:12px 30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0}.intro-label{font-size:13px;font-weight:500;color:#4f6541;padding-top:3px}.intro-band>p{font-size:13px;line-height:2;margin:0;color:#748366;max-width:800px}.intro-band strong{font-weight:500;color:#4d6340}.intro-band>.learn-citation{grid-column:2}.learn-citation{font-size:10px;letter-spacing:.15px;color:#88967a;display:inline-block;line-height:1.7;text-decoration:underline;text-decoration-color:#c4cfb7;text-underline-offset:4px}.learn-citation:hover{color:#9e5a34}.lessons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:48px 0 78px}.lesson{padding:0 26px;display:flex;align-items:flex-start;flex-direction:column;border-right:1px solid var(--line)}.lesson:first-child{padding-left:0}.lesson:last-child{padding-right:0;border:0}.lesson-meta{display:flex;justify-content:space-between;align-items:center;width:100%;font:8px var(--mono);color:#8c9b7c;letter-spacing:.5px}.lesson-meta>span:first-child{font-size:11px;color:#526c43}.lesson-diagram{width:100%;height:148px;stroke:#8a9b7d;stroke-width:1;fill:#a7b99608;margin:12px 0 12px}.lesson-diagram .diagram-accent{stroke:#9f6848;stroke-width:1.7;fill:#b4875507}.lesson h3{font-size:17px;line-height:1.65;letter-spacing:-.3px;font-weight:500;margin:0 0 13px}.lesson>p{font-size:12px;line-height:1.95;color:#78886a;margin:0 0 25px}.observe-button{display:flex;align-items:center;gap:7px;min-height:40px;font-size:11px;color:#5a7448;margin-top:auto;text-align:left}.observe-button svg{width:16px;height:16px;stroke-width:1}.lesson>.learn-citation{margin-top:10px;font-size:8px}.subsection-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin:0 0 28px}.subsection-heading h3{font-size:26px;line-height:1.5;font-weight:400;letter-spacing:-.7px;margin:17px 0 0}.variant-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-radius:5px;overflow:hidden}.variant{padding:30px 32px 24px;border-right:1px solid var(--line);position:relative;overflow:hidden}.variant:last-child{border-right:0}.variant.current{background:#e7ecdf7a}.variant>div:first-child{display:flex;justify-content:space-between;align-items:center}.variant>div>strong{font-size:66px;font-weight:400;letter-spacing:-4px;color:#849771;line-height:1}.variant-badge{border:1px solid #aebf9e;padding:6px 8px;border-radius:3px;font-size:9px;color:#6d845a}.variant h4{font:22px var(--mono);font-weight:400;color:#4b643d;margin:24px 0 11px;letter-spacing:-1px}.variant h4>span{font:9px var(--mono);color:#a1ac94;letter-spacing:1px;margin-left:12px}.variant>p{font-size:13px;letter-spacing:.3px;margin:0 0 12px}.variant-description{font-size:12px;line-height:1.9;display:block;color:#849276;max-width:260px}.runway-diagram{height:65px;margin-top:18px;position:relative}.runway-diagram>i{position:absolute;left:0;right:0;bottom:10px;border-bottom:1px dashed #b2c09f;transform:rotate(-3deg)}.runway-diagram>span{font-size:46px;font-weight:200;color:#8da678;position:absolute;left:25%;top:0}.runway-diagram.vertical>span{left:50%;top:-5px}.runway-diagram.vertical>i{left:32%;right:13%;border-bottom-style:solid;transform:none}.runway-diagram.carrier>i{left:15%;right:0;border:1px solid #b2c09f;border-radius:0 0 12px 4px;height:8px;transform:none}.runway-diagram.carrier>span{left:45%;font-size:40px;top:0}.learn-footnote{font-size:10px;line-height:1.9;color:#98a58a;margin:15px 0 70px}.learn-footnote a{margin-left:9px;color:#6e875b}.quiz-section{display:grid;grid-template-columns:.9fr 1.6fr;gap:80px;padding:40px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:76px}.quiz-intro h3{font-size:28px;line-height:1.5;font-weight:400;letter-spacing:-.8px;margin:20px 0 15px}.quiz-intro>p{font-size:12px;line-height:1.8;color:#7e8e6f}.quiz-progress{font:10px var(--mono);color:#7e936c;margin-top:30px}.quiz-intro .text-button{font-size:10px;margin-top:12px}.quiz-question{padding:0 0 25px;margin:0 0 25px;border:0;border-bottom:1px solid var(--line)}.quiz-question:last-child{border:0;padding:0;margin:0}.quiz-question legend{font-size:13px;line-height:1.7;display:flex;gap:13px;width:100%;margin-bottom:13px}.quiz-question legend>span{font:10px var(--mono);color:#98a68a;padding-top:5px}.quiz-options{display:flex;gap:8px;flex-wrap:wrap}.quiz-options>button{padding:11px 16px;border:1px solid #cbd5bf;border-radius:3px;min-height:41px;font-size:11px;color:#728664;text-align:left}.quiz-options>button:hover{border-color:#91a47f;background:#e5ecdc}.quiz-options>button.correct{border-color:#718e5b;background:#dfe9d5;color:#4c6b38}.quiz-options>button.incorrect{border-color:#c09c77;background:#f0e6d9;color:#93633c}.quiz-options>button:disabled{opacity:1;cursor:default}.quiz-feedback{font-size:11px;line-height:1.9;color:#688351;background:#e4ecdc;padding:12px 14px;border-left:2px solid #8ba773;margin:12px 0 0}.quiz-feedback.retry{background:#f0e8dc;color:#937044;border-color:#bc9e78}.glossary-note{font-size:10px;color:#94a083}.glossary-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:40px}.glossary-grid details{border-top:1px solid var(--line)}.glossary-grid summary{list-style:none;display:flex;align-items:center;gap:17px;cursor:pointer;padding:22px 0;font-size:12px;min-height:64px}.glossary-grid summary::-webkit-details-marker{display:none}.glossary-grid summary>span{font:12px var(--mono);color:#5a7448;min-width:72px}.glossary-grid summary>strong{font-weight:400;color:#7d8e6d}.glossary-grid summary>i{font:20px var(--mono);color:#9ead8e;margin-left:auto;font-style:normal;font-weight:300}.glossary-grid details[open] summary>i{transform:rotate(45deg)}.glossary-grid details>p{font-size:12px;line-height:1.9;color:#7d8f6d;margin:0;padding:0 30px 23px 89px}.model-boundary{display:flex;gap:13px;align-items:flex-start;margin:55px 0 40px;border-top:1px solid var(--line);padding-top:23px}.model-boundary svg{width:16px;height:16px;color:#9ba98a;margin-top:4px}.model-boundary p{font-size:11px;line-height:2;color:#94a284;margin:0}.model-boundary strong{font-weight:500;color:#778c65}.model-boundary button{font-size:11px;color:#697f57;margin-left:10px}footer{font-size:10px;height:65px}footer>span:first-child,footer button{font-size:10px}.source-list p{font-size:11px}.dialog-intro{font-size:13px}.about-grid p{font-size:12px}.isolate-button,.quiz-options>button,.icon-button,.stage{touch-action:manipulation}
@media(min-width:1600px){.learning-section{margin:0 52px}.view-meta{top:242px}}
@media(max-width:1180px){.learning-section{margin-left:25px;margin-right:25px}.view-meta{top:201px}.hero-actions{gap:14px}.hero-actions button{font-size:10px;padding:0 10px}.hero-actions a{font-size:9px}.scene-tools .icon-button{width:31px;height:31px}.lesson{padding:0 19px}.lesson h3{font-size:16px}.lesson>p{font-size:12px}.lesson-meta{font-size:7px}.learn-heading{gap:40px}.learn-heading h2{font-size:31px}.quiz-section{gap:45px}}
@media(max-width:950px){.workspace{height:680px}.component{min-height:40px;font-size:11px}.inspector{font-size:12px}.workspace.has-selection .inspector{right:32px;top:285px;max-height:430px}.workspace.has-selection .detail-description{font-size:12px}.learning-section{padding-top:55px}.learn-heading{grid-template-columns:1fr;gap:15px}.learn-heading>p{max-width:540px}.lessons{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 0}.lesson{padding:0 25px}.lesson:nth-child(odd){padding-left:0}.lesson:nth-child(even){border:0;padding-right:0}.lesson h3{font-size:19px}.lesson>p{font-size:13px}.lesson-diagram{height:150px}.lesson-meta{font-size:9px}.lesson>.learn-citation{font-size:10px}.observe-button{font-size:12px}.variant{padding:23px 20px}.variant-badge{font-size:8px;padding:5px}.variant-description{font-size:12px}.variant>p{font-size:12px}.quiz-section{grid-template-columns:1fr;gap:30px}.quiz-intro{display:grid;grid-template-columns:1fr auto;gap:0 20px}.quiz-intro>.kicker,.quiz-intro>h3,.quiz-intro>p{grid-column:1}.quiz-intro>.quiz-progress{grid-column:2;grid-row:2;margin:auto 0;font-size:11px}.quiz-intro>#quiz-reset{grid-column:2;grid-row:3;align-self:start;margin-top:0}.quiz-question legend{font-size:14px}.quiz-options>button{font-size:12px}.glossary-grid{gap:0 25px}.glossary-grid summary{gap:10px;font-size:11px}.glossary-grid summary>span{min-width:60px;font-size:11px}.glossary-grid details>p{padding-left:70px}.stage-text strong{font-size:11px}.stage-text span{font-size:6px}.tour-card{width:min(330px,calc(100% - 24px))}}
@media(max-width:650px){html{scroll-padding-top:12px}.topbar{height:64px;margin:0 20px}.topbar nav{gap:18px}.topbar .nav-item{font-size:12px;min-height:44px}.brand{font-size:19px}.workspace{height:auto;margin:24px 20px 0;gap:16px}.scene-column{height:auto;display:flex;overflow:visible}.scene-heading{position:relative;top:auto;left:auto;padding:0 0 17px;pointer-events:auto}.scene-heading .kicker{font-size:8px;letter-spacing:1px}.title-row{margin-top:18px;gap:20px}h1{font-size:76px;letter-spacing:-5px}.model-title{margin-top:10px;gap:9px}.model-title strong{font-size:10px;letter-spacing:1px}.model-title>span{font-size:9px;letter-spacing:.2px}.hero-copy{font-size:12px;margin-top:15px;letter-spacing:.4px}.hero-actions{margin-top:18px;gap:24px}.hero-actions button{font-size:12px;min-height:42px;padding:0 13px}.hero-actions a{font-size:12px}.hero-actions button svg{width:15px;height:15px}.viewport{height:390px;min-height:310px;flex:none;border:1px solid #dde3d3;border-radius:5px;background:#edf0e577;touch-action:pan-y}.viewport:before{inset:0}.view-meta{left:13px;top:14px;font-size:9px;letter-spacing:.4px}.scene-tools{top:44px;right:7px;gap:3px}.scene-tools .icon-button{width:40px;height:40px;background:#f1f3e7b0;border-radius:5px}.scene-tools .icon-button svg{width:18px;height:18px}.scene-tools .icon-button.active{background:#dbe5cf}.scene-tools .tool-divider{margin:3px 8px}.orientation{left:10px;bottom:79px;width:42px;height:42px}.interaction-hint{left:13px;right:13px;bottom:47px;justify-content:center;font-size:10px;gap:5px}.interaction-hint i{margin:0 4px}.view-presets{right:12px;left:12px;bottom:9px;justify-content:center;padding:2px;background:#eff2e6e6}.view-presets button{flex:1;font-size:12px;min-height:32px;padding:7px}.touch-toggle{position:absolute;display:block;left:50%;transform:translateX(-50%);bottom:86px;white-space:nowrap;min-height:40px;padding:8px 13px;font-size:11px;color:#668150;background:#f4f5eced;border:1px solid #c4d2b6;border-radius:20px;box-shadow:0 2px 10px #29401908;z-index:3}.touch-toggle[aria-pressed=true]{font-size:10px;background:#e3ecd9;border-color:#9ab182}.scene-caption{font-size:7px;height:34px}.scene-caption>span:last-child{font-size:8px}.catalog>.section-eyebrow{font-size:11px}.filter-tabs{width:160px;top:-6px}.filter-tabs button{font-size:11px;min-height:29px}.component-list{padding-top:13px;gap:8px;scroll-snap-type:x proximity;scroll-padding-inline:0}.component{font-size:12px;padding:11px 13px;min-height:44px;gap:8px;scroll-snap-align:start}.component .number{font-size:10px}.component.active{box-shadow:inset 0 -2px #7a9067}.workspace.has-selection .inspector{position:relative;top:auto;right:auto;max-height:none;min-height:0;padding:12px 15px;border:1px solid #d1dcc5;border-radius:5px;background:#e5ecda70;box-shadow:none;order:2}.inspector .section-eyebrow{font-size:10px}.inspector .icon-button.small{width:32px;height:32px;margin-top:-4px}.detail-toggle{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:500;min-height:44px;gap:12px;text-align:left;width:100%}.detail-toggle>span{color:#839573;font-size:18px}.inspector #detail{display:none}.inspector.detail-open #detail{display:block;overflow:visible;margin-top:9px}.inspector.detail-open .detail-toggle>span{transform:rotate(180deg)}.workspace.has-selection .detail-title{font-size:22px}.workspace.has-selection .detail-description{font-size:13px;line-height:1.9}.workspace.has-selection .component-facts{display:block;margin-bottom:16px}.workspace.has-selection .component-facts>div{display:flex;align-items:center;justify-content:space-between;padding:10px 0;gap:16px}.workspace.has-selection .component-facts dt{font-size:11px;margin:0}.workspace.has-selection .component-facts dd{font-size:12px}.workspace.has-selection .source-note{display:block;font-size:10px}.workspace.has-selection .isolate-button{min-height:44px;font-size:12px;width:100%}.workspace.has-selection .material-control{display:none}.workspace.has-selection .inspector.detail-open .material-control{display:block;padding:15px 0 1px}.workspace.has-selection .render-modes{width:100%;margin:0}.render-modes button{min-height:40px;font-size:12px}.explosion-panel{position:sticky;bottom:0;z-index:15;margin:15px 0 0;padding:14px 20px max(14px,env(safe-area-inset-bottom));background:#f1f3e9f5;backdrop-filter:blur(12px);border-top:1px solid #d3ddc7;box-shadow:0 -5px 20px #3b502b05;gap:23px;grid-template-columns:1fr auto}.slider-labels{font-size:11px}.slider-labels>span{font-size:19px}.slider-area input[type=range]{height:22px;margin:5px 0;background:transparent;position:relative}.slider-area input[type=range]::-webkit-slider-runnable-track{height:4px;background:linear-gradient(to right,#617853 var(--progress,0%),#d3dbc8 var(--progress,0%));border-radius:4px}.slider-area input[type=range]::-moz-range-track{height:4px;background:#d3dbc8}.slider-area input[type=range]::-moz-range-progress{height:4px;background:#617853}.slider-area input[type=range]::-webkit-slider-thumb{width:18px;height:18px;margin-top:-7px;border-width:4px}.slider-area input[type=range]::-moz-range-thumb{width:12px;height:12px;border-width:3px}.range-ends{font-size:9px}.primary-button{min-height:50px;min-width:126px;font-size:12px;gap:8px;padding:0 14px;border-radius:4px}.primary-button svg{width:18px;height:18px}.stage-description{margin:14px 20px 0;font-size:11px;text-align:left;line-height:1.8;min-height:20px}.journey{margin:0 20px;padding:12px 0 25px}.journey-label{display:none}.stages{gap:5px}.stage{flex-direction:column;align-items:flex-start;gap:6px;padding:8px 4px;border-bottom:2px solid transparent;min-height:72px}.stage.active{border-bottom-color:#8fa578}.stage-num{font-size:10px;width:24px;height:24px}.stage-text{padding:0;gap:5px}.stage-text strong{font-size:11px}.stage-text span{font-size:6px}.tour-card{position:relative;left:auto;bottom:auto;width:100%;margin:12px 0 0;padding:15px 18px;box-shadow:none;z-index:4}.tour-card h2{font-size:18px}.tour-card>p{font-size:13px}.tour-card-top>span{font-size:10px}.tour-card-bottom>a{font-size:11px}.tour-card-bottom>div>span{font-size:10px}.tour-card-bottom button{font-size:12px;min-height:42px;padding:7px 10px}.tour-card-top>.icon-button{width:32px;height:32px}.learning-section{margin:0 20px;padding-top:43px}.learn-heading{gap:18px;margin-bottom:25px}.learn-heading .kicker{font-size:8px}.learn-heading h2{font-size:27px;line-height:1.55;letter-spacing:-.7px;margin-top:17px}.learn-heading>p{font-size:13px;line-height:1.95;color:#7a896c}.intro-band{display:block;padding:23px 0}.intro-label{font-size:13px;display:block;margin-bottom:13px}.intro-band>p{font-size:13px;line-height:2}.intro-band>.learn-citation{margin-top:12px;font-size:10px}.lessons{display:block;margin:28px 0 48px}.lesson,.lesson:first-child,.lesson:last-child,.lesson:nth-child(odd),.lesson:nth-child(even){padding:22px 0 25px;border:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 95px;gap:0 12px}.lesson-meta{grid-column:1/-1;font-size:8px;margin-bottom:18px}.lesson-meta>span:first-child{font-size:11px}.lesson-diagram{grid-column:2;grid-row:2/4;width:95px;height:105px;margin:-4px 0 0}.lesson h3{grid-column:1;font-size:19px;line-height:1.65;margin:0 0 10px;max-width:230px}.lesson>p{grid-column:1/-1;font-size:13px;line-height:1.95;margin:12px 0 8px;grid-row:4}.observe-button{grid-column:1/-1;font-size:12px;min-height:44px}.lesson>.learn-citation{grid-column:1/-1;font-size:10px;margin-top:7px}.subsection-heading{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:24px}.subsection-heading .kicker{font-size:8px}.subsection-heading h3{font-size:23px;line-height:1.6;margin-top:15px}.subsection-heading>.learn-citation{font-size:10px}.variant-grid{display:block}.variant{border-right:0;border-bottom:1px solid var(--line);padding:24px;display:grid;grid-template-columns:64px 1fr;gap:0 20px}.variant:last-child{border-bottom:0}.variant>div:first-child{grid-column:1;grid-row:1/4;display:block;position:relative}.variant>div>strong{font-size:62px;line-height:1;display:block}.variant-badge{display:block;position:absolute;top:83px;left:-3px;font-size:8px;white-space:nowrap;padding:5px 6px}.variant h4{grid-column:2;margin:0 0 10px;font-size:22px}.variant>p{grid-column:2;font-size:13px;margin-bottom:10px}.variant-description{grid-column:2;font-size:12px;line-height:1.9;max-width:none}.runway-diagram{display:none}.learn-footnote{font-size:11px;line-height:1.9;margin:17px 0 45px}.learn-footnote a{display:block;margin:6px 0 0}.quiz-section{padding:28px 0;margin-bottom:45px;gap:24px}.quiz-intro{display:block}.quiz-intro>.kicker{font-size:8px}.quiz-intro h3{font-size:25px;line-height:1.6;margin-top:15px}.quiz-intro>p{font-size:12px}.quiz-intro>.quiz-progress{display:inline-block;font-size:11px;margin:8px 20px 0 0}.quiz-intro>#quiz-reset{font-size:11px;min-height:40px;margin:0}.quiz-question legend{font-size:14px;line-height:1.8;gap:9px;margin-bottom:15px}.quiz-options{gap:8px}.quiz-options>button{font-size:12px;min-height:44px;padding:11px 14px}.quiz-feedback{font-size:12px;line-height:1.9}.glossary-note{font-size:11px}.glossary-grid{display:block}.glossary-grid summary{min-height:66px;font-size:12px;gap:17px;padding:20px 0}.glossary-grid summary>span{font-size:12px;min-width:62px}.glossary-grid details>p{font-size:13px;line-height:1.9;padding:0 8px 22px 0}.model-boundary{margin:30px 0;gap:10px}.model-boundary p{font-size:11px;line-height:1.9}.model-boundary button{font-size:11px;display:block;margin:7px 0 0}footer{margin:0 20px;height:auto;min-height:72px;gap:10px;padding:20px 0;align-items:flex-start;line-height:1.8}footer>span:first-child,footer button{font-size:9px}.source-list a{font-size:12px;align-items:flex-start;flex-direction:column;gap:7px}.source-list a span{font-size:9px}.source-list p{font-size:12px;line-height:1.8}dialog{padding:20px 24px;max-height:88svh}.about-grid p{font-size:13px}.dialog-intro{font-size:13px}.dialog-note{font-size:11px;line-height:1.9}.dialog-top .icon-button{width:44px;height:44px}.source-list li{padding:19px 0}.model-label{font-size:10px;padding:5px 7px}.toast{font-size:12px;max-width:calc(100vw - 40px);white-space:normal;text-align:center;bottom:22px}.workspace:fullscreen{margin:0;padding:18px;overflow:auto;height:100svh}.workspace:fullscreen .scene-heading{display:none}.workspace:fullscreen .scene-column{height:auto}.workspace:fullscreen .viewport{height:calc(100svh - 80px);min-height:260px}.workspace:fullscreen .catalog,.workspace:fullscreen .inspector{display:none}.workspace:fullscreen .scene-caption{height:32px}.workspace.fullscreen-fallback{position:fixed;inset:0;z-index:80;margin:0;padding:15px;background:var(--paper);overflow:auto}.workspace.fullscreen-fallback .scene-heading,.workspace.fullscreen-fallback .catalog,.workspace.fullscreen-fallback .inspector{display:none}.workspace.fullscreen-fallback .viewport{height:calc(100svh - 80px)}}
@media(max-width:380px){.topbar{margin:0 16px}.brand{font-size:17px}.brand>svg{width:23px}.topbar nav{gap:13px}.topbar .nav-item{font-size:11px}.workspace{margin-left:16px;margin-right:16px}.title-row{gap:13px}h1{font-size:65px;letter-spacing:-4px}.model-title strong{font-size:9px}.model-title>span{font-size:8px}.hero-copy{font-size:11px}.hero-actions{gap:18px}.hero-actions button,.hero-actions a{font-size:11px}.viewport{height:345px;min-height:300px}.scene-tools .icon-button{height:36px;width:36px}.scene-tools .icon-button svg{width:17px;height:17px}.touch-toggle{font-size:10px;left:48%;bottom:86px}.interaction-hint{font-size:9px}.primary-button{min-width:115px;font-size:11px;padding:0 12px}.explosion-panel{padding-left:16px;padding-right:16px;gap:20px}.learning-section{margin:0 16px}.learn-heading h2{font-size:25px}.lesson h3{font-size:18px}.lesson-diagram{width:78px}.lesson,.lesson:first-child,.lesson:last-child,.lesson:nth-child(odd),.lesson:nth-child(even){grid-template-columns:1fr 78px}.variant{padding:22px 17px;gap:0 17px}.variant-badge{font-size:7px}.variant>p{font-size:12px}.variant-description{font-size:12px}.quiz-options>button{padding:10px 12px;font-size:11px}.glossary-grid summary{gap:12px;font-size:11px}.journey{margin-left:16px;margin-right:16px}.stage-description{margin-left:16px;margin-right:16px}.stage-text strong{font-size:10px}footer{margin:0 16px}footer>span:first-child,footer button{font-size:8px}}
@media(max-height:500px) and (orientation:landscape){.viewport{min-height:310px}.workspace:fullscreen .viewport,.workspace.fullscreen-fallback .viewport{height:calc(100svh - 30px);min-height:0}.workspace:fullscreen .scene-caption,.workspace.fullscreen-fallback .scene-caption{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Reserve an unobstructed area for every camera preset. */
@media(min-width:651px){.workspace{min-height:760px;height:calc(100svh - 160px);max-height:1000px}.scene-heading{position:relative;left:0;top:0;flex:none;padding:0 0 22px;pointer-events:auto}.viewport{min-height:400px}.view-meta{top:14px;left:6px}.scene-tools{top:6px}.hero-actions{margin-top:18px}.tour-card{position:relative;left:auto;bottom:auto;width:100%;padding:15px 20px;margin:10px 0;box-shadow:none;flex:none}.workspace.touring{height:auto;min-height:880px}.workspace.touring .viewport{min-height:430px}.workspace:fullscreen{height:100svh;min-height:0}.workspace:fullscreen .scene-heading{display:none}.workspace:fullscreen .viewport{min-height:0}.workspace:fullscreen .tour-card{position:absolute;left:12px;bottom:65px;width:340px}.workspace:fullscreen .scene-tools{top:12px}}
@media(max-width:650px){.workspace{max-height:none}.workspace>.catalog,.workspace>.inspector{flex:none}.inspector.detail-open #detail{flex:none}.workspace.fullscreen-fallback{max-height:100svh}.workspace:fullscreen{max-height:100svh}}
@media(min-width:651px){.workspace.touring{max-height:none}}
@media(min-width:651px) and (pointer:coarse){.touch-toggle{display:block;position:absolute;left:50%;bottom:72px;transform:translateX(-50%);min-height:42px;padding:9px 16px;border:1px solid #c4d2b6;background:#f4f5eced;border-radius:22px;font-size:12px;color:#668150;z-index:3}.viewport{touch-action:pan-y}}