.fd-course{padding-block:clamp(2rem,5vw,5rem);color:var(--gray-200)}.fd-intro{display:grid;gap:1.5rem;align-items:end}.fd-intro>div:first-child{max-width:66ch}.fd-intro>div:first-child>p,.fd-lesson>p,.fd-explanation>p:first-child{color:var(--accent-dark);font-size:.75rem;font-weight:800;letter-spacing:.055em}.fd-intro h1{max-width:15ch;margin:.35rem 0 .8rem;color:var(--gray-100);font-size:clamp(2.2rem,6vw,4.8rem);letter-spacing:-.045em;line-height:1.05;text-wrap:balance}.fd-intro span{line-height:1.75}.fd-paths{display:flex;flex-wrap:wrap;gap:.5rem}.fd-paths button,.fd-steps button,.fd-controls button,.fd-gate button{min-height:44px;border:1px solid var(--gray-700);border-radius:.7rem;color:var(--gray-200);background:var(--gray-900)}.fd-paths button{display:grid;gap:.2rem;padding:.65rem .8rem;text-align:left}.fd-paths button[aria-pressed=true],.fd-steps .is-active{border-color:var(--accent-dark);color:var(--gray-100);background:color-mix(in srgb,var(--accent-dark) 17%,var(--gray-900))}.fd-paths small{color:var(--gray-400)}.fd-workbench{margin-top:1.5rem;border-top:1px solid var(--gray-700)}.fd-step-guide{display:flex;gap:1rem;align-items:end;justify-content:space-between;padding:.8rem 0 0}.fd-step-guide>div strong,.fd-step-guide>div span{display:block}.fd-step-guide>div strong{color:var(--gray-100)}.fd-step-guide>div span{margin-top:.2rem;color:var(--gray-400);font-size:.78rem}.fd-step-guide label{display:none}.fd-steps{display:flex;gap:.35rem;overflow-x:auto;padding:.8rem 0;scrollbar-width:thin}.fd-steps button{flex:0 0 auto;padding:.45rem .6rem;font-size:.78rem}.fd-steps span{margin-right:.3rem;color:var(--accent-dark);font-weight:800}.fd-lesson{max-width:72rem;outline:none}.fd-lesson h2,.fd-explanation h3{max-width:26ch;margin:.35rem 0 .8rem;color:var(--gray-100);font-size:clamp(1.65rem,4vw,2.8rem);text-wrap:balance}.fd-lesson>strong{display:block;max-width:62ch;color:var(--accent-dark);line-height:1.65}.fd-stage{position:relative;overflow:hidden;margin-top:1.4rem;border:1px solid var(--gray-700);border-radius:1rem;background:#09181e}.fd-visual{min-height:21rem;padding:1rem;background:linear-gradient(135deg,#07151a,#112a35)}.fd-scene{position:relative;height:8rem;overflow:hidden;border-bottom:1px solid #38565e}.fd-scene i{position:absolute;width:.55rem;aspect-ratio:1;border-radius:50%;background:#f4ce78;box-shadow:0 0 14px #f4ce78}.fd-object{position:absolute;bottom:.5rem;left:38%;width:4.2rem;height:4.2rem;border:1px solid #eac373;border-radius:.5rem;background:#d49c4a44}.fd-object--two{left:58%;width:2.8rem;height:2.8rem}.fd-scene p{position:absolute;bottom:.15rem;left:.4rem;margin:0;color:#d9f4f2;font-size:.75rem}.fd-bars{display:grid;gap:.7rem;margin-top:1rem}.fd-bars>div{display:grid;grid-template-columns:5rem minmax(8rem,1fr);gap:.25rem .65rem;align-items:center;color:#b5ced0;font-size:.78rem}.fd-bars>div.is-active{color:#f1ffff}.fd-bars strong{font-size:.78rem}.fd-bars i{grid-column:1 / -1;display:block;height:.7rem;border-radius:999px;background:#548e8b}.fd-bars .is-active i{background:#efbd68}.fd-bars output{grid-column:1 / -1;color:#9db9ba}.fd-readout{margin:1rem 0 0;color:#cfe8e6;line-height:1.6}.fd-controls-toggle{position:absolute;top:.75rem;right:.75rem;min-height:44px;border:1px solid #4b7075;border-radius:.5rem;color:#edffff;background:#0c2831;font-size:.74rem}.fd-controls{position:absolute;top:3.9rem;right:.75rem;z-index:1;width:min(19rem,calc(100% - 1.5rem));padding:.8rem;border:1px solid #45666b;border-radius:.75rem;background:#0e252d;box-shadow:0 10px 28px #0008}.fd-controls>div,.fd-controls label>span{display:flex;justify-content:space-between;gap:.6rem;align-items:center;font-size:.78rem}.fd-controls .is-pending{color:#f4cf77}.fd-controls label{display:block;margin-top:.55rem}.fd-controls label:has(input[type=checkbox]){min-height:44px;cursor:pointer}.fd-controls input[type=checkbox]{width:1.25rem;height:1.25rem}.fd-controls input[type=range]{width:100%;min-height:44px;accent-color:var(--accent-dark)}.fd-controls output{color:#f2cf7c;font-weight:800}.fd-controls button{width:100%;margin-top:.7rem}.fd-controls button:disabled{opacity:.5}.fd-gate,.fd-explanation{max-width:66ch}.fd-gate{margin-top:1rem;padding:1rem;border:1px solid var(--gray-700);border-radius:.8rem;background:var(--gray-900)}.fd-gate p,.fd-explanation p{line-height:1.75}.fd-gate button{margin-right:.45rem;padding:.5rem .7rem}.fd-explanation{margin-top:1rem;padding:1rem 0}.fd-explanation details{padding:.8rem 0;border-block:1px solid var(--gray-700)}.fd-explanation summary{cursor:pointer;color:var(--gray-100);font-weight:800}.fd-explanation a{display:block;min-height:44px;padding-top:.8rem;color:var(--accent-dark);font-weight:800;text-underline-offset:.25rem}@media(min-width:52em){.fd-intro{grid-template-columns:minmax(0,1fr) auto}}.fd-course :focus-visible{outline:2px solid var(--accent-dark);outline-offset:3px}@media(prefers-reduced-motion:reduce){.fd-course *{scroll-behavior:auto!important}}.fd-controls button:disabled{border-color:#526a70;color:#d6e1e3;background:#253b43;opacity:1;cursor:not-allowed}@media(max-width:50em){.fd-step-guide{align-items:stretch;flex-direction:column}.fd-step-guide label{display:grid;gap:.3rem}.fd-step-guide label>span{color:var(--gray-300);font-size:.75rem;font-weight:750}.fd-step-guide select{min-height:44px;width:100%;padding-inline:.65rem;border:1px solid var(--gray-600);border-radius:.5rem;color:var(--gray-100);background:var(--gray-999);font:inherit}.fd-stage{display:grid;overflow:visible}.fd-visual{min-height:19rem}.fd-controls-toggle{position:static;margin:.65rem .75rem 0 auto;padding-inline:.75rem}.fd-controls{position:static;width:auto;margin:.5rem .75rem .75rem;box-shadow:none}.fd-controls>div{align-items:flex-start;flex-direction:column}.fd-controls>div label{display:flex;align-items:center;min-height:44px}}