.ratio-lab{padding-top:80px;padding-bottom:80px;border-top:1px solid var(--line);scroll-margin-top:90px}.ratio-heading{max-width:760px}.ratio-heading>span{font:600 12px var(--mono);color:var(--amber);letter-spacing:.12em}.ratio-heading h2{font:700 clamp(36px,4vw,54px)/1 var(--head);margin:18px 0}.ratio-heading em{color:var(--amber);font-style:normal}.ratio-lab p{font-size:16px;line-height:1.7;color:var(--steel);max-width:75ch}.ratio-console{display:grid;grid-template-columns:1fr 1.4fr;margin:30px 0;border:1px solid var(--line);background:var(--ink2)}.ratio-settings,.ratio-results{padding:30px}.ratio-settings{border-right:1px solid var(--line)}.ratio-settings label{display:block;margin-bottom:26px;font-size:16px}.ratio-settings output{float:right;color:var(--amber);font:500 14px var(--mono)}.ratio-settings input{display:block;width:100%;margin-top:14px;accent-color:var(--amber);min-height:28px}.ratio-settings p{font-size:14px}.ratio-results dl{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:22px 0}.ratio-results dt{font:500 11px var(--mono);text-transform:uppercase;color:var(--steel)}.ratio-results dd{font:600 clamp(24px,3vw,40px) var(--head);margin:5px 0}.ratio-shafts{display:flex;justify-content:space-around;gap:20px;border-bottom:1px solid var(--line);padding-bottom:24px}.ratio-shafts>div{text-align:center}.ratio-shafts i{display:block;width:70px;height:70px;border:8px dashed var(--amber);border-radius:50%;margin:0 auto 14px;animation:shaft-turn var(--shaft-speed,2s) linear infinite}.ratio-shafts .ratio-output-shaft i{animation-duration:var(--output-speed,6s);border-color:var(--cyan)}.ratio-shafts span{font:500 10px var(--mono);color:var(--steel)}@keyframes shaft-turn{to{transform:rotate(360deg)}}.ratio-question{border-left:3px solid var(--amber);padding:12px 0 12px 24px}.ratio-question h3{font:600 27px var(--head)}.ratio-question>div{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.ratio-question button{padding:13px 16px;border:1px solid var(--line);background:var(--ink3);font-size:14px}.ratio-question button[aria-pressed=true]{border-color:var(--amber)}.ratio-lab details{margin-top:24px;font-size:14px}.ratio-lab summary{cursor:pointer;min-height:44px;padding:12px 0}.ratio-lab a{color:var(--cyan)}.ratio-lab :focus-visible{outline:2px solid var(--amber);outline-offset:5px}@media(max-width:700px){.ratio-console{grid-template-columns:1fr}.ratio-settings{border-right:0;border-bottom:1px solid var(--line)}.ratio-settings,.ratio-results{padding:22px}}@media(prefers-reduced-motion:reduce){.ratio-shafts i{animation:none}}