.academy-return{position:fixed;top:14px;left:16px;z-index:90;border:1px solid #4b463a;border-radius:999px;padding:7px 13px;background:#1b1b17e8;color:#f4f1ea;text-decoration:none;font:13px/1.6 system-ui}.academy-return:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #ffc21a;outline-offset:3px}section{scroll-margin-top:75px}.field{min-width:0;max-width:100%}#pipe,.lab,.video-layout,.grid,.gal{min-width:0}pre.code{max-width:100%;overflow-x:auto}.ctl input{min-width:0}@media(max-width:700px){.topbar{top:58px;right:12px;left:12px;justify-content:flex-end;gap:6px}.topbar button{font-size:12px;padding:6px 10px;min-height:36px}#hero{padding-top:135px}.hero{grid-template-columns:1fr!important}.hero>*{min-width:0}.hero h1{font-size:clamp(35px,10vw,60px)}.g2,.g3,.g4{grid-template-columns:1fr!important}.pipe{grid-template-columns:repeat(2,minmax(0,1fr))!important}.node{min-width:0}.gal{grid-template-columns:repeat(2,minmax(0,1fr))!important}.tabs{flex-wrap:wrap}.tab{max-width:100%;font-size:13px}.video-layout{grid-template-columns:1fr!important}.steps{grid-template-columns:1fr!important}.shot img{max-width:38%}.ctl{flex-wrap:wrap}.ctl input[type=range]{flex:1;min-width:100px}.field{font-size:15px}#bub{max-width:calc(100vw - 140px)}footer{padding-left:6vw}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
