/* Isolated SKY teaching preview: no viewport-wide filters or scroll capture. */
.faq-sky-lab{--sky-cyan:#49eadc;--sky-violet:#b69bff;--sky-amber:#ffd278;position:relative;min-width:0;border:1px solid #39768866;border-radius:22px;padding:16px;background:linear-gradient(150deg,#061b25eb,#070d1def);box-shadow:inset 0 1px #c7faff12,0 18px 48px #0003;color:#e7f6fb;isolation:isolate}
.faq-sky-lab *{box-sizing:border-box}
.faq-sky-lab button,.faq-sky-lab a{font:inherit}
.faq-sky-lab button{min-height:44px;border:1px solid #46768d88;border-radius:12px;padding:9px 12px;color:#c6d9e5;background:#0a1b2b;cursor:pointer;transition:background .18s,border-color .18s,transform .18s}
.faq-sky-lab button:hover:enabled{border-color:var(--sky-cyan);background:#103443}
.faq-sky-lab button:active:enabled{transform:translateY(1px)}
.faq-sky-lab button[aria-pressed=true]{border-color:var(--sky-cyan);background:linear-gradient(125deg,#0c4651,#17283e);color:#f0fffd;box-shadow:inset 0 1px #c5fff426,0 0 14px #1ce6cd0d}
.faq-sky-lab button:disabled{cursor:default;opacity:.5}
.faq-sky-lab :focus-visible{outline:3px solid #e5d4ff;outline-offset:3px}
.faq-sky-patterns{display:flex;gap:7px;overflow-x:auto;scrollbar-width:thin;padding:3px 3px 8px;max-width:100%}
.faq-sky-patterns button{flex:1 0 auto;font-size:12px;font-weight:700;white-space:nowrap;padding:9px 11px}
.faq-sky-status{font-size:11px!important;line-height:1.55!important;color:#a9c2d4!important;min-height:34px;margin:4px 3px 8px!important}
.faq-sky-viewport{position:relative;height:375px;min-width:0;border:1px solid #376d8055;border-radius:16px;overflow:hidden;background:radial-gradient(ellipse at 50% 30%,#15435735,transparent 70%),#04111c;touch-action:pan-y}
.faq-sky-viewport canvas,.faq-sky-viewport [data-sky-fallback]{display:block;position:absolute;inset:0;width:100%;height:100%;touch-action:pan-y}
.faq-sky-viewport [hidden]{display:none!important}
.faq-sky-svg-grid{fill:none;stroke:#426c8738;stroke-width:1}
.faq-sky-anchor-label{position:absolute;left:0;top:0;z-index:2;will-change:transform;pointer-events:none;font-size:12px;line-height:20px;font-weight:800;color:#ffdfa4;text-shadow:0 2px 4px #000;background:#101b29a6;border:1px solid #d3a44b44;padding:0 5px;border-radius:5px}
.faq-sky-axes{position:absolute;inset:0;pointer-events:none;color:#98b5c9;font-size:9px;letter-spacing:.12em;font-weight:700}
.faq-sky-axes span:first-child{position:absolute;left:8px;top:50%;writing-mode:vertical-rl;transform:rotate(180deg) translateY(50%)}
.faq-sky-axes span:last-child{position:absolute;right:14px;bottom:10px}
.faq-sky-toolbar{display:flex;align-items:center;gap:12px;margin:12px 0 8px;min-width:0}
.faq-sky-toolbar button{min-width:100px;font-size:12px;font-weight:700;white-space:nowrap}
.faq-sky-progress-label{flex:1;min-width:0;color:#a4bdd0;font-size:10px;text-align:left}
.faq-sky-progress-label input{display:block;width:100%;min-width:0;min-height:32px;margin:0;accent-color:var(--sky-cyan);cursor:pointer}
.faq-sky-toolbar output{min-width:34px;text-align:right;color:#99e9e0;font:700 11px/1.4 ui-monospace,monospace}
.faq-sky-steps{display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin;padding:4px 3px 9px;max-width:100%}
.faq-sky-steps button{flex:1 0 108px;font-size:10px;line-height:1.4;padding:7px 9px}
.faq-sky-steps button[aria-current=step]{border-color:var(--sky-violet);background:linear-gradient(130deg,#483472,#192942)}
.faq-sky-detail{border:1px solid #a387df38;border-left:3px solid var(--sky-violet);background:linear-gradient(120deg,#352b513f,#091724);border-radius:12px;padding:14px 15px;min-height:132px;margin:4px 0 12px}
.faq-sky-detail h3{font-size:16px!important;line-height:1.4!important;color:#e8e0ff!important;margin:0 0 6px!important}
.faq-sky-detail p{font-size:12px!important;line-height:1.75!important;margin:0!important;color:#c0ccdf!important}
.faq-sky-anchor-controls{display:flex;gap:8px;align-items:center}
.faq-sky-anchor-controls button{width:44px;padding:7px;color:#ffe1ab;border-color:#ad87445c;font-weight:800}
.faq-sky-anchor-controls button[aria-pressed=true]{color:#fff0d3;border-color:var(--sky-amber);background:#4c3b1d}
.faq-sky-anchor-text{font-size:11px!important;line-height:1.65!important;color:#c9d0da!important;min-height:37px;margin:7px 0 11px!important}
.faq-sky-camera{display:flex;flex-wrap:wrap;gap:7px;min-width:0}
.faq-sky-camera button{font-size:11px}
.faq-sky-camera [data-sky-camera=left],.faq-sky-camera [data-sky-camera=right]{min-width:44px;font-size:20px;padding:3px 9px}
.faq-sky-camera [data-sky-engine]{border-color:#9376c185;color:#e4d4ff;margin-left:auto}
.faq-sky-lesson{display:flex!important;justify-content:center;align-items:center;min-height:46px;text-align:center;line-height:1.45;white-space:normal!important;font-size:12px!important;margin:14px 0 10px!important}
.faq-sky-lab [data-sky-caveat]{font-size:10px!important;line-height:1.7!important;color:#a8cad0!important;margin:10px 0 0!important;text-align:center}
.faq-sky-lab[data-sky-renderer=webgl] .faq-sky-viewport{border-color:#49eadc45}
@media(min-width:1200px){.faq-sky-viewport{height:415px}}
@media(max-width:640px){.faq-sky-lab{padding:12px;border-radius:17px}.faq-sky-viewport{height:300px}.faq-sky-patterns button{font-size:11px;padding:9px}.faq-sky-status{font-size:10px!important;min-height:32px}.faq-sky-toolbar{gap:8px}.faq-sky-toolbar button{min-width:88px;font-size:11px}.faq-sky-detail{min-height:144px;padding:12px}.faq-sky-detail h3{font-size:15px!important}.faq-sky-camera{gap:6px}.faq-sky-camera button{padding:8px 9px}.faq-sky-camera [data-sky-engine]{margin-left:0}.faq-sky-axes{font-size:8px}.faq-sky-anchor-text{min-height:38px}}
@media(max-width:360px){.faq-sky-viewport{height:260px}.faq-sky-lab{padding:10px}.faq-sky-detail{min-height:164px}.faq-sky-toolbar button{min-width:80px}.faq-sky-toolbar{gap:6px}}
@media(max-height:500px) and (orientation:landscape){.faq-sky-viewport{height:240px}.faq-sky-detail{min-height:0}.faq-sky-lab{padding:12px}}
@media(prefers-reduced-motion:reduce){.faq-sky-lab *{transition:none!important;animation:none!important}}