/* A technical workspace: clear hierarchy, generous photo surfaces, touch-sized controls. */
:root{--navy:#0b1734;--blue:#1769e0;--ink:#0f172a;--muted:#667085;--line:#dbe3ee;background:#f4f7fb}
html{scroll-behavior:smooth;scroll-padding-top:76px}
main{max-width:1760px;padding:22px 28px}
button{min-height:40px;line-height:1.4;transition:background .15s,border-color .15s}
.topbar{height:64px;padding-inline:28px;background:#0b1734}
.brand{font-size:16px;letter-spacing:.09em}.brand small{font-size:12px}
.brand-mark{width:35px;height:35px;border-radius:7px}
.active-page{padding-block:18px 15px}
.modelbar{gap:24px;margin-bottom:16px}.modelbar h1{font-size:26px}
.model-tabs button{min-width:130px;min-height:56px}.model-tabs span{font-size:13px}
.model-meta{font-size:14px}.model-meta a{font-size:13px}
.workspace-nav{position:sticky;top:0;z-index:12;display:flex;gap:6px;padding:8px;margin:0 0 14px;background:#ffffffed;backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:10px;box-shadow:0 3px 14px #173d5906}
.workspace-nav a{display:flex;align-items:center;justify-content:center;min-height:42px;padding:8px 20px;border-radius:6px;color:var(--ink);text-decoration:none;font-size:14px;font-weight:700}
.workspace-nav a:hover,.workspace-nav a:focus-visible{background:#eaf3fb;color:var(--blue)}
.lesson-guide{margin:0 0 14px;color:var(--muted);font-size:14px}.lesson-guide summary{cursor:pointer;padding:4px 2px;width:fit-content}
.lesson-guide .sample-path{margin:10px 0 0;padding:12px;background:#fff;border:1px solid var(--line);border-radius:8px;display:block}
.lesson-guide .sample-path>strong{display:none}.sample-path>div{display:flex;gap:7px;flex-wrap:wrap}
.learning-nav{box-shadow:none;border-radius:8px;padding:10px 14px}.learning-steps{font-size:14px}
.atlas{grid-template-columns:248px minmax(0,1fr) 304px;border-radius:12px;min-height:660px;box-shadow:0 4px 24px #173d5906}
.atlas>*{min-width:0}.mobile-workspace-tabs{display:none}
.panel-heading h2{font-size:16px}.searchbox input{font-size:16px}.search-label{font-size:14px}
.part-select .part-text small{font-size:13px}.part-select .part-text strong{font-size:15px}
.part-tree{height:490px}.summary-row .part-select{min-height:96px}.drill-button,.visibility{min-height:36px}
.viewer-toolbar{gap:8px}.viewer-toolbar button{min-height:38px;font-size:14px}
#stage{height:490px;min-height:360px}.stage-badge small{color:#5f778c;font-size:12px}
.stage-hint{background:#f3f7fbcf;border-radius:5px;padding:3px 6px;font-size:12px}
.layer-controls{padding:15px 16px;gap:18px}.range-labels{font-size:12px}.scene-options{font-size:14px}
.inspector{max-height:800px}.inspector .panel-heading button{font-size:13px;min-height:36px}
.inspector dt,.inspector dd,.scope-hint{font-size:14px}.inspector .role{font-size:16px}.scope-note,.evidence{font-size:13px}
.selected-actions{gap:8px}.selected-actions button{min-height:44px}.photo-section h3{font-size:14px}
.principles{padding:24px}.principle-heading h2{font-size:22px}.flow-controls button{min-height:42px}.flow-controls select{min-height:42px}
.reference{padding:18px 22px}.reference p{font-size:15px;line-height:1.7}footer{font-size:12px}
@media(min-width:1600px){.atlas{grid-template-columns:268px minmax(0,1fr) 330px}#stage{height:590px}.part-tree{height:590px}.inspector{max-height:900px}}
@media(max-width:1250px) and (min-width:781px){.atlas{grid-template-columns:230px minmax(0,1fr)}.inspector{max-height:none}.inspector .selected-actions{grid-row:3}.inspector .photo-section{grid-row:4/7}}
@media(max-width:1000px){main{padding:18px}.modelbar{flex-wrap:wrap;gap:14px}.model-meta{margin-left:0;text-align:left;flex:1 0 100%;display:flex;flex-direction:row;flex-wrap:wrap;gap:4px 14px}.model-tabs{margin-left:auto}.model-meta a{float:none}.workspace-nav{margin-bottom:12px}}
@media(max-width:780px){
 html{scroll-padding-top:72px}main{padding:14px 12px}.topbar{height:60px;padding-inline:15px}.topbar nav a{font-size:12px;max-width:120px}.brand{font-size:14px}.brand small{font-size:12px}
 .modelbar{gap:12px}.modelbar>div:first-child{flex:1 0 100%}.modelbar h1{font-size:24px}.model-tabs{margin:0;min-width:0;width:100%;flex:auto}.model-tabs button{min-width:0;flex:1;min-height:53px;flex-direction:row;align-items:center;gap:12px}.model-tabs span{font-size:13px}.model-meta strong{font-size:14px}.model-meta span{font-size:13px}.model-meta a{font-size:12px}
 .workspace-nav{padding:5px;gap:3px;border-radius:8px}.workspace-nav a{padding:7px 5px;flex:1;font-size:14px;min-height:42px;white-space:nowrap}
 .lesson-guide{margin-bottom:12px}.learning-nav{gap:6px;padding:10px 12px}.learning-steps{font-size:13px;gap:6px}#breadcrumbs{font-size:13px}
 .atlas{grid-template-columns:minmax(0,1fr);min-height:0;overflow:clip}.mobile-workspace-tabs{display:flex;grid-column:1/-1;grid-row:1;background:#edf3f8;padding:6px;gap:5px}.mobile-workspace-tabs button{flex:1;min-height:44px;font-size:14px;border-color:transparent}
 .atlas .viewer-panel,.atlas .parts-panel,.atlas .inspector{grid-row:auto;grid-column:1}
 .atlas[data-mobile-pane="viewer"]>.parts-panel,.atlas[data-mobile-pane="viewer"]>.inspector,.atlas[data-mobile-pane="parts"]>.viewer-panel,.atlas[data-mobile-pane="parts"]>.inspector,.atlas[data-mobile-pane="inspector"]>.viewer-panel,.atlas[data-mobile-pane="inspector"]>.parts-panel{display:none}
 .parts-panel{max-height:none;min-height:460px;border:0}.part-tree{max-height:440px;min-height:250px;height:auto}.search-label{display:block}.summary-row{display:grid;width:auto;grid-template-columns:minmax(0,1fr) 40px;margin:6px}.summary-row .part-select{min-height:78px;padding:12px}.summary-row .part-select .part-text strong{font-size:17px}.summary-row .part-select .dot{display:block}.summary-row .row-actions{padding:0;flex-direction:column}.part-select .part-text small{font-size:14px}.drill-button,.visibility{min-height:40px;min-width:36px}.part-row{grid-template-columns:minmax(0,1fr) 40px}.searchbox{margin-top:8px}.list-footer{padding:10px}.list-footer button{min-height:44px}
 #stage{height:clamp(340px,53svh,510px);min-height:340px}.viewer-toolbar{padding:8px;gap:7px}.viewer-toolbar button{min-height:40px;padding:6px 8px;font-size:14px}.view-presets{flex:1}.view-presets button{flex:1}.view-actions{margin-left:auto}.layer-controls{grid-template-columns:1fr 1fr;padding:12px;gap:12px}.range-control>div:first-child{flex-wrap:wrap;gap:2px;font-size:14px}.layer-controls .range-control:first-child{display:block}.range-control output{font-size:13px}.range-labels{font-size:12px}.stage-hint{left:8px;bottom:9px;max-width:96%;font-size:12px}.stage-badge{top:10px;left:11px}.stage-badge small{font-size:12px}
 .inspector{display:block;max-height:none;border:0;padding-bottom:20px}.inspector .scope-hint{font-size:14px}.inspector .part-heading{padding-top:10px}.inspector .role{font-size:16px}.inspector dd{font-size:15px}.scope-note{font-size:13px}.photo-section img{height:200px!important}
 .principles{padding:17px 14px}.principle-heading h2{font-size:20px}.principle-modes button{min-height:44px}.flow-controls button{font-size:14px}.flow-step{font-size:14px;padding:12px 10px;min-height:60px}.reference{padding:16px}.reference summary{font-size:14px}footer{line-height:1.8}
}
@media(max-width:380px){main{padding-inline:8px}.workspace-nav a{font-size:13px}.model-tabs button{gap:7px;padding-inline:10px}.viewer-toolbar{display:block}.view-presets,.view-actions{justify-content:center;margin:0}.view-actions{margin-top:6px}.layer-controls{grid-template-columns:1fr}.learning-steps{font-size:12px}.learning-steps b{width:21px;height:21px}.step-divider{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}