:root{--bg:#0a0a0d;--surface:#111116;--surface-2:#17151d;--text:#f3f0f5;--muted:#a29ca8;--line:#2b2831;--purple:#a970ff;--acid:#d6ff45;--warning:#ffb267}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,a{font:inherit}.topbar{position:sticky;z-index:20;top:0;display:flex;align-items:center;justify-content:space-between;min-height:72px;padding:12px var(--page-pad);border-bottom:1px solid #24212a;background:#0a0a0dec;backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px;color:#f5f2f7;text-decoration:none;font-size:.92rem}.brand b{color:var(--purple)}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid #403848;border-radius:50%;font-size:.72rem;font-weight:900}.back{min-height:44px;display:flex;align-items:center;color:#b9b2bf;text-decoration:none;font-size:.9rem}.reading-width{width:min(var(--reading-max),calc(100% - 2 * var(--page-pad)));margin-inline:auto}.article-hero{padding-block:clamp(78px,13vw,170px) clamp(65px,10vw,120px)}.eyebrow{margin:0 0 22px;color:var(--purple);font-size:.75rem;font-weight:900;letter-spacing:.13em}.article-hero h1{max-width:720px;margin:0;font-size:clamp(3.3rem,9vw,7rem);line-height:.9;letter-spacing:-.065em}.lead{max-width:680px;margin:34px 0 0;color:#b2acb7;font-size:clamp(1.08rem,2vw,1.35rem);line-height:1.65}.lesson{padding-block:var(--section-space);border-top:1px solid var(--line)}.section-copy{display:grid;grid-template-columns:38px minmax(0,1fr);gap:20px;margin-bottom:clamp(36px,6vw,64px)}.section-copy>span{padding-top:8px;color:#77717c;font-size:.76rem;font-weight:850}.section-copy h2,.conclusion h2,.sources h2{margin:0;font-size:var(--h2-size);line-height:1.03;letter-spacing:-.045em}.section-copy p,.lesson>p,.sources>p{margin:18px 0 0;color:var(--muted);font-size:var(--body-reading);line-height:1.7}.drivetrain{display:flex;align-items:stretch}.drivetrain button{flex:1;min-width:0;min-height:118px;padding:18px 11px;border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer}.drivetrain button b,.drivetrain button small{display:block}.drivetrain button b{font-size:.95rem}.drivetrain button small{margin-top:10px;color:#817b87;font-size:.72rem;line-height:1.35}.drivetrain button.active{border-color:var(--purple);background:#21172d;box-shadow:inset 0 -3px var(--purple)}.drivetrain button.active small{color:#c5aecf}.drivetrain>i{align-self:center;padding:0 8px;color:#625d67;font-style:normal}.flow-explanation{margin-top:20px;padding:28px;border-left:3px solid var(--purple);background:var(--surface)}.flow-explanation span{color:#89838f;font-size:.72rem;font-weight:850;letter-spacing:.1em}.flow-explanation h3{margin:10px 0 8px;font-size:var(--h3-size)}.flow-explanation p{margin:0;color:var(--muted);font-size:1rem;line-height:1.6}.clutch-demo,.dog-demo,.alignment-demo{border:1px solid var(--line);background:var(--surface)}.toggle{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}.toggle button{min-height:54px;border:0;background:transparent;color:#99929f;cursor:pointer}.toggle button+button{border-left:1px solid var(--line)}.toggle button.active{background:#f1eef3;color:#17141a;font-weight:850}.connection{display:grid;grid-template-columns:1fr 180px 1fr;gap:22px;align-items:center;padding:clamp(30px,5vw,58px)}.connection>div{padding:24px;border:1px solid #38333e;text-align:center}.connection small,.connection b{display:block}.connection small{color:#7f7885;font-size:.67rem;letter-spacing:.1em}.connection b{margin-top:8px;font-size:1.1rem}.connection>span{position:relative;height:4px;background:var(--purple)}.connection>span i{position:absolute;inset:0;background:var(--purple);transition:transform .25s}.connection>span em{position:absolute;top:16px;left:50%;color:#a79fac;font-size:.75rem;font-style:normal;transform:translateX(-50%)}.clutch-demo[data-state="pulled"] .connection>span i{transform:scaleX(.34)}.clutch-demo[data-state="pulled"] .connection>span{background:linear-gradient(90deg,var(--purple) 0 32%,transparent 32% 68%,var(--purple) 68%)}.clutch-demo>p{margin:0;padding:0 clamp(30px,5vw,58px) 36px;color:var(--muted);line-height:1.65}.dog-demo{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(300px,1.15fr)}.dog-copy{padding:clamp(28px,5vw,50px)}.dog-copy h3{margin:0;font-size:var(--h3-size)}.dog-copy>p:not(.eyebrow){color:var(--muted);line-height:1.65}.dog-copy button,.align-controls button{min-height:48px;margin-top:16px;padding:0 19px;border:1px solid var(--purple);border-radius:999px;background:var(--purple);color:#120d17;cursor:pointer;font-weight:850}.dogs,.align-visual{display:flex;align-items:center;justify-content:center;min-height:320px;overflow:hidden;background:radial-gradient(circle,#2a1c38,transparent 57%)}.dog{display:flex;gap:12px;transition:transform .4s cubic-bezier(.22,1,.36,1)}.dog i,.align-dog i{display:block;width:32px;height:82px;border:1px solid #b392d1;background:#3a2850}.dog.left{transform:translateX(-32px)}.dog.right{transform:translateX(32px)}.dogs.engaged .dog.left{transform:translateX(13px)}.dogs.engaged .dog.right{transform:translateX(-13px)}.dogs.engaged .dog.right i{transform:translateY(22px)}.sequence{display:flex;gap:8px;align-items:center;justify-content:center;margin:28px 0 0}.sequence span,.sequence b{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--line);border-radius:50%}.sequence b{border-color:var(--purple);color:var(--purple)}.note{padding-left:18px;border-left:2px solid var(--purple)}.clack-line{display:flex;align-items:center;justify-content:center;gap:14px;padding:32px;border:1px solid var(--line);background:var(--surface);text-align:center}.clack-line span{color:#aaa3ae}.clack-line i{color:#66606a;font-style:normal}.clack-line strong{color:var(--acid);font-size:clamp(1.5rem,4vw,2.6rem)}.cold-note{margin-top:32px;padding:24px;border-left:3px solid var(--warning);background:#1c1511}.cold-note b{color:#ffd0a4}.cold-note p{margin:8px 0 0;color:#b9aaa0;line-height:1.65}.check{margin-top:42px;padding-top:32px;border-top:1px solid var(--line)}.check h3{font-size:var(--h3-size)}.check ul{padding-left:22px;color:#d1ccd4}.check li{margin:12px 0;line-height:1.55}.check p{color:var(--muted);line-height:1.65}.alignment-demo{display:grid;grid-template-columns:1.1fr .9fr}.align-visual{min-height:350px}.align-dog{display:flex;gap:12px;transition:transform .45s cubic-bezier(.22,1,.36,1)}.align-dog.a{transform:translateX(-24px)}.align-dog.b{transform:translateX(24px)}.alignment-demo[data-step="moving"] .align-dog.a{transform:translateX(-5px) rotate(7deg)}.alignment-demo[data-step="aligned"] .align-dog.a{transform:translateX(10px)}.alignment-demo[data-step="aligned"] .align-dog.b{transform:translateX(-10px)}.alignment-demo[data-step="aligned"] .align-dog.b i{transform:translateY(30px)}.align-controls{display:flex;flex-direction:column;justify-content:center;padding:34px}.align-controls>span{color:var(--purple);font-size:.74rem;font-weight:900;letter-spacing:.1em}.align-controls p{color:var(--muted);line-height:1.6}.steps{padding:0;margin:32px 0;list-style:none}.steps li{display:grid;grid-template-columns:42px 1fr;align-items:center;min-height:68px;border-top:1px solid var(--line)}.steps li:last-child{border-bottom:1px solid var(--line)}.steps span{color:var(--purple);font-weight:850}.steps p{margin:0}.do-not-force{padding:22px;border-left:3px solid var(--acid);background:#15170e}.do-not-force b{color:var(--acid)}.conclusion{width:min(960px,calc(100% - 2 * var(--page-pad)))}.conclusion h2{max-width:760px}.comparison{display:grid;grid-template-columns:1fr 1fr;margin-top:50px;border:1px solid var(--line)}.comparison>div{min-height:250px;padding:34px;background:var(--surface)}.comparison>div+div{border-left:1px solid var(--line)}.comparison span,.comparison b,.comparison strong{display:block}.comparison span{color:#8f8994;font-size:.78rem}.comparison b{margin-top:38px;font-size:1.15rem;line-height:1.5}.comparison strong{margin-top:24px;color:var(--purple);font-size:1.2rem}.conclusion>p:last-child{max-width:720px}.sources{padding-block:var(--section-space);border-top:1px solid var(--line)}.sources ul{padding-left:20px;color:#b9b3be}.sources li{margin:12px 0;line-height:1.55}.sources a{color:#c89cff}.verified{font-size:.88rem!important}.sources nav{display:flex;justify-content:space-between;gap:20px;margin-top:42px;padding-top:22px;border-top:1px solid var(--line)}.sources nav a{min-height:44px;display:flex;align-items:center;text-decoration:none;font-weight:750}
@media(max-width:720px){.topbar{min-height:64px}.brand>span:last-child{display:none}.article-hero{padding-top:70px}.drivetrain{flex-direction:column}.drivetrain>i{padding:4px;transform:rotate(90deg)}.drivetrain button{min-height:76px;text-align:left;padding:15px 20px}.drivetrain button b,.drivetrain button small{display:inline}.drivetrain button small{margin-left:8px}.connection{grid-template-columns:1fr;padding:28px 22px}.connection>span{width:4px;height:60px;justify-self:center}.connection>span i{transform-origin:center}.connection>span em{top:22px;left:18px;white-space:nowrap}.clutch-demo[data-state="pulled"] .connection>span i{transform:scaleY(.32)}.clutch-demo[data-state="pulled"] .connection>span{background:linear-gradient(180deg,var(--purple) 0 32%,transparent 32% 68%,var(--purple) 68%)}.dog-demo,.alignment-demo{grid-template-columns:1fr}.dogs,.align-visual{min-height:260px}.sequence{gap:5px}.sequence span,.sequence b{width:38px;height:38px}.clack-line{flex-wrap:wrap;padding:26px 18px}.comparison{grid-template-columns:1fr}.comparison>div+div{border-top:1px solid var(--line);border-left:0}.comparison>div{min-height:220px;padding:28px}.sources nav{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.dog,.align-dog,.connection>span i{transition:none!important}}
:where(a,button):focus-visible{outline:3px solid #c89cff;outline-offset:4px}

/* Interazioni didattiche: lo stato meccanico è più importante del contenitore. */
.connection>.clutch-link{display:flex;min-height:145px;flex-direction:column;align-items:center;justify-content:center;padding:0;border:0;background:transparent}.clutch-pack{display:flex;align-items:center;justify-content:center;height:88px}.clutch-pack i{display:block;width:13px;height:78px;margin-inline:-1px;border:1px solid #bd9fda;background:#4a3262;transition:transform .3s cubic-bezier(.22,1,.36,1)}.clutch-pack i:nth-child(even){background:#26212c}.clutch-link em{margin-top:12px;color:#bcb4c2;font-size:.78rem;font-style:normal;font-weight:750}.clutch-demo[data-state="pulled"] .clutch-pack i:nth-child(1){transform:translateX(-14px)}.clutch-demo[data-state="pulled"] .clutch-pack i:nth-child(2){transform:translateX(-7px)}.clutch-demo[data-state="pulled"] .clutch-pack i:nth-child(4){transform:translateX(7px)}.clutch-demo[data-state="pulled"] .clutch-pack i:nth-child(5){transform:translateX(14px)}
.term{display:inline;padding:0 2px;border:0;border-bottom:1px dashed #a970ff;background:transparent;color:#d0aef4;cursor:pointer;font:inherit;text-align:left}.term:after{content:' +';font-weight:850}.term[aria-expanded="true"]:after{content:' −'}.term-heading{min-height:44px!important;margin:0 0 22px!important;padding:0!important;border:0!important;border-bottom:1px dashed #a970ff!important;border-radius:0!important;background:transparent!important;color:#d0aef4!important;font-size:.9rem!important;font-weight:800!important}.term-definition{margin-top:16px;padding:18px;border-left:3px solid var(--purple);background:#191320;color:#b8b1bd}.term-definition b{color:#eee9f2}.term-definition p{margin:7px 0 0;line-height:1.6}.interaction-prompt{margin-top:28px!important;color:#d7d1dc!important;font-weight:800}.dog-copy>p:not(.interaction-prompt){color:var(--muted)}
.dogs.shift-left .dog.left{animation:dogSelectLeft .48s cubic-bezier(.22,1,.36,1)}.dogs.shift-right .dog.right{animation:dogSelectRight .48s cubic-bezier(.22,1,.36,1)}@keyframes dogSelectLeft{0%{transform:translateX(-32px)}55%{transform:translateX(22px)}100%{transform:translateX(13px)}}@keyframes dogSelectRight{0%{transform:translateX(32px)}55%{transform:translateX(-22px)}100%{transform:translateX(-13px)}}
.sequence button{display:grid;place-items:center;width:50px;height:50px;border:1px solid var(--line);border-radius:50%;background:transparent;color:#d6d0db;cursor:pointer;font-weight:850}.sequence button:hover,.sequence button:focus-visible{border-color:var(--purple)}.sequence button.active{border-color:var(--purple);background:var(--purple);color:#100b14}.sequence button.neutral.active{background:#f0edf2;color:#18151a}
.cause-widget{border:1px solid var(--line);background:var(--surface)}.cause-toggle{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}.cause-toggle button{min-height:56px;padding:10px 16px;border:0;background:transparent;color:#9d96a2;cursor:pointer}.cause-toggle button+button{border-left:1px solid var(--line)}.cause-toggle button.active{background:#eeeaf0;color:#171419;font-weight:850}.cause-body{display:grid;grid-template-columns:1fr 1fr;min-height:300px}.cause-dogs{display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle,#2a1c38,transparent 60%)}.cause-dogs>div{display:flex;gap:10px;transition:transform .4s cubic-bezier(.22,1,.36,1)}.cause-dogs i{display:block;width:29px;height:76px;border:1px solid #b392d1;background:#3a2850}.cause-widget[data-cause="moving"] .cause-dogs>div:first-child{animation:residualMotion 1.1s ease-in-out infinite alternate;transform:translateX(10px)}.cause-widget[data-cause="moving"] .cause-dogs>div:last-child{transform:translateX(-10px)}.cause-widget[data-cause="moving"] .cause-dogs>div:last-child i{transform:translateY(24px)}.cause-widget[data-cause="still"] .cause-dogs>div:first-child{transform:translateX(-25px)}.cause-widget[data-cause="still"] .cause-dogs>div:last-child{transform:translateX(25px)}@keyframes residualMotion{from{filter:brightness(.86)}to{filter:brightness(1.24)}}.cause-result{display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,5vw,48px)}.cause-result span{color:var(--purple);font-size:.72rem;font-weight:900;letter-spacing:.11em}.cause-result strong{margin-top:12px;color:var(--acid);font-size:clamp(2.4rem,6vw,5rem);line-height:.9}.cause-widget[data-cause="still"] .cause-result strong{color:var(--warning);font-size:clamp(2rem,5vw,4.1rem)}.cause-result p{margin:22px 0 0;color:var(--muted);line-height:1.65}
.procedure{display:grid;grid-template-columns:1.05fr .95fr;border:1px solid var(--line);background:var(--surface)}.procedure-progress{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center;padding:18px 22px;border-bottom:1px solid var(--line);color:#a39ca9;font-size:.8rem;font-weight:800}.procedure-progress>i{height:3px;background:#2d2931}.procedure-progress b{display:block;width:33.333%;height:100%;background:var(--purple);transition:width .3s}.procedure-visual{display:grid;place-items:center;min-height:330px;overflow:hidden;background:radial-gradient(circle,#2a1c38,transparent 58%)}.procedure-dogs{display:flex}.procedure-dogs>div{display:flex;gap:10px;transition:transform .45s cubic-bezier(.22,1,.36,1)}.procedure-dogs i{display:block;width:29px;height:76px;border:1px solid #b392d1;background:#3a2850}.procedure-visual[data-procedure-state="clutch"] .procedure-dogs>div:first-child{transform:translateX(-25px)}.procedure-visual[data-procedure-state="clutch"] .procedure-dogs>div:last-child{transform:translateX(25px)}.procedure-visual[data-procedure-state="move"] .procedure-dogs>div:first-child{transform:translateX(-9px) rotate(7deg)}.procedure-visual[data-procedure-state="move"] .procedure-dogs>div:last-child{transform:translateX(21px)}.procedure-visual[data-procedure-state="engage"] .procedure-dogs>div:first-child{transform:translateX(10px)}.procedure-visual[data-procedure-state="engage"] .procedure-dogs>div:last-child{transform:translateX(-10px)}.procedure-visual[data-procedure-state="engage"] .procedure-dogs>div:last-child i{transform:translateY(25px)}.procedure-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,5vw,48px)}.procedure-copy>span{color:var(--purple);font-size:.73rem;font-weight:900;letter-spacing:.11em}.procedure-copy h3{margin:12px 0;font-size:var(--h3-size)}.procedure-copy p{margin:0;color:var(--muted);line-height:1.65}.procedure-copy button{align-self:flex-start;min-height:48px;margin-top:25px;padding:0 20px;border:1px solid var(--purple);border-radius:999px;background:var(--purple);color:#110c15;cursor:pointer;font-weight:850}.procedure-copy button:disabled{border-color:#44404a;background:#29262d;color:#827c87;cursor:default}.procedure-copy .procedure-reset{margin-top:12px;border-color:#504958;background:transparent;color:#c5bec9}
.conclusion{margin-block:clamp(40px,7vw,90px);padding:clamp(44px,7vw,82px);border:1px solid #50405f;background:radial-gradient(circle at 90% 10%,#7137bc33,transparent 38%),#121016}.conclusion>.eyebrow{margin-bottom:20px}.comparison{border-color:#4a3c55}.comparison>div{background:#0d0c10}
@media(max-width:720px){.connection>.clutch-link{min-height:128px}.dog-demo{grid-template-columns:1fr}.sequence{justify-content:flex-start;overflow-x:auto;padding-bottom:6px}.sequence button{flex:0 0 44px;width:44px;height:44px}.cause-body,.procedure{grid-template-columns:1fr}.cause-dogs,.procedure-visual{min-height:240px}.cause-toggle button{font-size:.86rem}.procedure-copy{min-height:290px}.conclusion{width:calc(100% - 28px);padding:34px 22px}}
@media(prefers-reduced-motion:reduce){.clutch-pack i,.cause-dogs>div,.procedure-dogs>div{transition:none!important;animation:none!important}.dogs.shift-left .dog.left,.dogs.shift-right .dog.right{animation:none!important}}

/* Il banco prova completa il modello della trasmissione nella pagina che lo spiega. */
.test-bench{width:min(1200px,calc(100% - 2 * var(--page-pad)));scroll-margin-top:90px}.bench-head{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:end;margin-bottom:38px}.bench-head>div:first-child{display:grid;grid-template-columns:38px minmax(0,1fr);gap:20px}.bench-head>div:first-child>span{padding-top:8px;color:#77717c;font-size:.76rem;font-weight:850}.bench-head .eyebrow{margin-bottom:14px}.bench-head h2{margin:0;font-size:var(--h2-size);line-height:1.03;letter-spacing:-.045em}.bench-mission{max-width:520px}.bench-mission>span{color:var(--acid);font-size:.7rem;font-weight:850;letter-spacing:.14em}.bench-mission p{color:#c7c4cd;font-size:1.05rem;line-height:1.5}.mission-state{margin-top:18px;padding:13px 15px;border-left:3px solid var(--purple);background:#17131f;color:#d9d5e0}.mission-state.success{border-color:var(--acid);color:var(--acid)}.bench-shell{border:1px solid var(--line);background:#101013}.powertrain{position:relative;display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:12px;min-height:250px;padding:42px;overflow:hidden;background:radial-gradient(circle at 20% 50%,#241334 0,transparent 36%),#0b0b0e}.powertrain>span{color:#55515c;font-size:1.4rem}.power-node,.bench-wheel{position:relative;z-index:2;display:grid;justify-items:center;gap:7px;text-align:center}.power-node i,.bench-wheel i{width:68px;height:68px;border:2px solid #45414b;border-radius:50%;background:#17171c;box-shadow:inset 0 0 0 10px #0f0f12;transition:.25s}.power-node i:after{content:'';display:block;width:12px;height:12px;margin:26px auto;border-radius:50%;background:#4c4852}.power-node b,.bench-wheel b{font-size:.9rem}.power-node small,.bench-wheel small{color:#85818d;font-size:.75rem}.power-node.active i{border-color:var(--purple);box-shadow:inset 0 0 0 10px #171021,0 0 22px #9d5cff55}.power-node.active i:after{background:var(--acid);box-shadow:0 0 12px var(--acid)}.bench-wheel i{border-width:7px;border-color:#6a6670;background:repeating-conic-gradient(from 0deg,#2e2c33 0 10deg,#111115 10deg 20deg)}.bench-wheel.moving i{border-color:var(--acid);animation:benchSpin var(--wheel-speed) linear infinite;box-shadow:0 0 25px #d6ff4540}.power-pulse{position:absolute;left:10%;bottom:25px;width:var(--flow-progress,0);max-width:80%;height:3px;background:linear-gradient(90deg,var(--purple),var(--acid));box-shadow:0 0 14px var(--purple);transition:width .15s}.bench-console{display:grid;grid-template-columns:1.1fr repeat(4,1fr);border-top:1px solid var(--line)}.bench-start,.bench-control{min-height:174px;padding:24px;border-right:1px solid var(--line)}.bench-start button{width:100%;min-height:48px;padding:12px;border:1px solid var(--purple);background:#1d1427;color:#fff;cursor:pointer;font-weight:800}.bench-start button span{display:inline-block;width:9px;height:9px;margin-right:9px;border-radius:50%;background:#76717c}.bench-start button.running span{background:var(--acid);box-shadow:0 0 10px var(--acid)}.bench-start p{min-height:62px;color:#aaa6b0;font-size:.86rem;line-height:1.45}.bench-start p.warning{color:#ff9b8e}.bench-start p.success{color:var(--acid)}.bench-label{display:flex;justify-content:space-between;gap:14px;margin-bottom:28px}.bench-label label,.bench-label>span{font-weight:800}.bench-label output{color:var(--acid);font-size:.85rem}.bench-control input[type=range]{width:100%;min-height:44px;accent-color:var(--purple)}.range-ends{display:flex;justify-content:space-between;margin-top:8px;color:#77727e;font-size:.68rem}.bench-gears{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.bench-gears button{min-height:48px;padding:10px;border:1px solid #37333d;background:#17171c;color:#aaa6b0;cursor:pointer}.bench-gears button.active{border-color:var(--acid);background:#252a13;color:var(--acid)}.bench-reset{grid-column:1/-1;min-height:48px;padding:12px;border:0;border-top:1px solid var(--line);background:#151519;color:#aaa6b0;cursor:pointer}@keyframes benchSpin{to{transform:rotate(360deg)}}
@media(max-width:850px){.bench-head{grid-template-columns:1fr}.powertrain{grid-template-columns:repeat(5,1fr);gap:5px;padding:34px 14px 50px}.powertrain>span{display:none}.power-node i,.bench-wheel i{width:48px;height:48px}.power-node i:after{margin:16px auto}.power-node b,.bench-wheel b{font-size:.72rem}.power-node small,.bench-wheel small{font-size:.62rem}.bench-console{grid-template-columns:1fr 1fr}.bench-start,.bench-control{border-bottom:1px solid var(--line)}.bench-start{grid-column:1/-1}.bench-control:nth-of-type(3),.bench-control:nth-of-type(5){border-right:0}}
@media(max-width:520px){.powertrain{min-height:210px}.power-node i,.bench-wheel i{width:39px;height:39px;box-shadow:inset 0 0 0 6px #0f0f12}.power-node i:after{width:9px;height:9px;margin:13px auto}.power-node b,.bench-wheel b{font-size:.62rem}.power-node small,.bench-wheel small{font-size:.52rem}.bench-console{grid-template-columns:1fr}.bench-start,.bench-control{grid-column:1;border-right:0}.bench-head>div:first-child{grid-template-columns:1fr}.bench-head>div:first-child>span{display:none}}
@media(prefers-reduced-motion:reduce){.bench-wheel.moving i{animation:none!important}.power-node i,.power-pulse{transition:none!important}}
.main-nav{display:flex;align-items:center;gap:22px;color:#d3cfd7;font-size:.84rem;font-weight:750}.main-nav a{display:inline-flex;align-items:center;min-height:44px;color:inherit;text-decoration:none}.main-nav a:hover,.main-nav a:focus-visible{color:var(--acid)}.main-nav a[aria-current="page"]{color:#fff;border-bottom:2px solid var(--purple)}
.breadcrumb{padding-top:22px;color:#8f8996;font-size:.875rem}.breadcrumb ol{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.breadcrumb li+li:before{content:'→';margin-right:8px;color:#5f5966}.breadcrumb a{color:inherit;text-decoration:none}.breadcrumb a:hover{color:var(--acid)}
@media(max-width:560px){.topbar{padding-inline:16px}.brand>span:last-child{display:none}.article-hero{padding-top:58px}}

/* Compact primary navigation on mobile; the breadcrumb remains contextual. */
.primary-navigation{position:relative;flex:0 0 auto;z-index:25}
.primary-navigation>summary{display:none;list-style:none;cursor:pointer;user-select:none}
.primary-navigation>summary::-webkit-details-marker{display:none}
.primary-navigation :where(summary,a):focus-visible{outline:3px solid #c89cff;outline-offset:3px}
@media(max-width:720px){
 .primary-navigation{margin-left:auto}
 .primary-navigation>summary{display:inline-flex;min-width:72px;min-height:44px;align-items:center;justify-content:center;padding:0 14px;border:1px solid var(--line);background:#111116;color:var(--text);font-size:.875rem;font-weight:750}
 .primary-navigation:not([open])>nav{display:none!important}
 .primary-navigation[open]>nav{position:absolute;top:calc(100% + 8px);right:0;display:flex!important;flex-direction:column;align-items:stretch;gap:2px;width:max-content;min-width:220px;max-width:calc(100vw - 32px);max-height:70vh;overflow:auto;padding:8px;border:1px solid var(--line);background:#111116;z-index:30}
 .primary-navigation>nav a{display:flex;min-height:48px;align-items:center;padding:10px 12px;white-space:normal}
}