/* Shared classroom controls, separate from the mechanical model source. */
.classroom-nav{height:72px;display:flex;align-items:center;gap:22px;padding:0 26px;background:#fbfcf8;border-bottom:1px solid #d7e0d2;color:#234d3a;font:14px/1.4 "Segoe UI","Microsoft YaHei",sans-serif}.classroom-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;white-space:nowrap;font-weight:650;font-size:16px}.classroom-brand b{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#204e3d;color:white;font-size:12px}.classroom-links{display:flex;gap:5px}.classroom-links a{padding:9px 13px;border-radius:7px;color:#71836a;text-decoration:none;white-space:nowrap}.classroom-links a[aria-current=page]{background:#e7efdf;color:#264f38}.classroom-actions{display:flex;align-items:center;gap:7px;margin-left:auto}.classroom-actions button{font:13px "Microsoft YaHei",sans-serif;min-height:40px;border:1px solid #cdd9c6;border-radius:7px;background:white;color:#345b42;padding:7px 13px;cursor:pointer;white-space:nowrap}.classroom-actions button[aria-pressed=true]{background:#204e3d;color:white}.classroom-toast{position:fixed;z-index:90;top:86px;left:50%;transform:translateX(-50%);padding:10px 18px;background:#234b39;color:white;border:1px solid #b6c5ab;border-radius:8px;font-size:14px;box-shadow:0 4px 20px #17322422}.classroom-site>header:not(.classroom-nav){display:none}.classroom-site main{height:calc(100dvh - 72px)}.classroom-site aside{font-size:15px}.classroom-site .tag,.classroom-site .badge,.classroom-site .toggle,.classroom-site .lesson,.classroom-site .note,.classroom-site .download,.classroom-site details summary{font-size:13px}.classroom-site .toggle{min-height:30px}.classroom-site .toolbar button{font-size:14px;min-height:42px}.classroom-site .choices select{font-size:14px;padding:9px 12px}.classroom-site .overlay p{font-size:13px}.classroom-site .hint{font-size:12px}.classroom-site .coords,.classroom-site .version{font-size:11px}.classroom-site .section h3{font-size:13px}.classroom-site .catalog-count{font-size:12px}.classroom-site .download{min-height:44px}.classroom-site .setup p,.classroom-site #wire-note{font-size:13px}.classroom-site .end-row p{font-size:15px}.classroom-site #groups button{font-size:12px;min-height:36px}.classroom-site #component-connections button{font-size:13px;min-height:42px}.classroom-site #highlight-caption{font-size:12px}.classroom-site .pin-label{font-size:14px;padding:2px 5px}.classroom-site .endpoint{font-size:14px}.classroom-site .connection-heading strong{font-size:14px}.classroom-site #loading{font-size:14px}.classroom-site .status{font-size:12px}.focus-mode main{grid-template-columns:minmax(0,1fr)!important}.focus-mode main>aside{display:none}.focus-mode .overlay .small,.focus-mode .overlay p,.focus-mode .catalog-count{display:none}.focus-mode .overlay h1{font-size:24px}.focus-mode .choices{top:74px}.focus-mode .intro:not(.closeup){opacity:.7}.focus-mode .intro:not(.closeup) h1{font-size:20px}.focus-mode .intro:not(.closeup) p,.focus-mode .intro>span{display:none}.focus-mode #selected{display:none}.classroom-help{border:1px solid #cedcc3;border-radius:15px;max-width:500px;padding:28px;color:#264c36;background:#fcfdf9;font:15px/1.8 "Microsoft YaHei",sans-serif}.classroom-help::backdrop{background:#18352277}.classroom-help h2{margin:0 0 10px;font-size:23px}.classroom-help p{margin:8px 0}.classroom-help button{padding:9px 20px;border:0;border-radius:7px;background:#254f39;color:white;font:inherit;cursor:pointer}.classroom-help kbd{background:#e9eee1;padding:2px 7px;border-radius:4px}.classroom-site .download-source-hidden{display:none}.classroom-site .network-status{font-size:11px;color:#7e8f72;white-space:nowrap}.classroom-site .loading-retry{border:0;background:#28533e;color:#fff;border-radius:6px;padding:7px 13px;margin:9px 0 0;cursor:pointer;font:inherit}.classroom-site canvas{outline:none}.classroom-site button:focus-visible,.classroom-site a:focus-visible{outline:3px solid #c18b3c;outline-offset:3px}@media(max-width:1100px){.network-status{display:none}.classroom-nav{padding:0 16px;gap:14px}.classroom-actions button{padding:7px 9px}.classroom-links a{padding:8px 9px}}@media(max-width:850px){.classroom-nav{height:auto;min-height:68px;flex-wrap:wrap;padding:10px 14px;gap:8px 14px}.classroom-brand{font-size:14px}.classroom-brand b{width:30px;height:30px}.classroom-links{order:3;width:100%;justify-content:center;font-size:13px;border-top:1px solid #e1e8dc;padding-top:4px}.classroom-actions{gap:5px}.classroom-actions button{font-size:11px;min-height:36px;padding:6px 9px}.classroom-actions #classroom-help{display:none}.classroom-site main{height:auto}.classroom-site .stage{height:66vh;min-height:470px}.classroom-site #scene-area{min-height:370px}.focus-mode main{height:calc(100dvh - 114px);min-height:430px}.focus-mode .stage,.focus-mode #stage{height:100%;min-height:0}.focus-mode #scene-area{flex:1;height:auto;min-height:220px}.focus-mode .stage .choices{top:70px}.classroom-site .overlay h1{font-size:25px}.classroom-site .toolbar button{padding:7px 10px;font-size:12px}.classroom-site .end-row p{font-size:14px}}@media(prefers-reduced-motion:reduce){.classroom-site *{scroll-behavior:auto!important}}

.classroom-site [hidden]{display:none!important}