@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#111412;--panel:#1a1e1b;--line:#343b34;--muted:#a7afa5;--text:#f0f2e9;--lime:#dcfa72;--orange:#ffb389}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,select,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--lime);outline-offset:5px}header{height:88px;display:flex;align-items:center;gap:38px;padding:0 4.3%;border-bottom:1px solid var(--line)}.logo{display:flex;align-items:center;font-weight:800;font-size:21px;letter-spacing:-1px;white-space:nowrap}.logo span:not(.logo-icon){color:var(--lime)}.logo-icon{background:var(--lime);color:var(--bg);width:34px;height:34px;display:grid;place-items:center;margin-right:11px;transform:skew(-8deg);font-size:25px}nav{display:flex;gap:27px;margin:auto}nav a{font-size:14px;color:var(--muted);padding:31px 0;border-bottom:2px solid transparent}nav a.active{color:var(--lime);border-color:var(--lime)}.header-link{font-size:14px}.header-link span{color:var(--lime);margin-left:15px}main{max-width:1600px;margin:auto;padding:38px 4.3% 72px}.eyebrow{font-family:monospace;font-size:12px;letter-spacing:2px;color:var(--lime);text-transform:uppercase;display:flex;align-items:center;gap:10px}.eyebrow:before{content:'';width:20px;height:2px;background:currentColor}.intro{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px;gap:30px}h1,h2,h3,p{margin-top:0}h1,h2,.display{font-family:'Barlow Condensed','Arial Narrow',sans-serif;line-height:.97;letter-spacing:-1px;text-transform:uppercase}h1{font-size:clamp(48px,5.5vw,86px);margin:15px 0 0;font-weight:800}h1 em{font-style:normal;color:var(--lime)}.intro p{max-width:410px;font-size:15px;color:var(--muted);margin:0 0 4px}.workbench{display:grid;grid-template-columns:185px minmax(0,1fr) 310px;border:1px solid var(--line);min-height:590px}.part-nav{background:#161a17;padding:24px 13px;border-right:1px solid var(--line)}.micro{font:12px monospace;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted)}.part-nav>.micro{padding-left:10px;margin-bottom:20px}.part-button{width:100%;display:flex;align-items:center;gap:13px;background:transparent;border:0;text-align:left;color:var(--muted);padding:13px 11px;font-size:14px;border-radius:3px}.part-button span{font:12px monospace;color:#7f887c}.part-button.active{background:var(--lime);color:var(--bg)}.part-button.active span{color:#414e2c}.part-button:hover:not(.active){background:#262d25;color:white}.diagram-wrap{position:relative;overflow:hidden;background:radial-gradient(ellipse at 48% 43%,#303a29 0%,#1b221b 45%,#171c18 75%);display:flex;flex-direction:column;min-height:590px}.diagram-wrap:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#818b7112 1px,transparent 1px),linear-gradient(90deg,#818b7112 1px,transparent 1px);background-size:34px 34px;pointer-events:none}.diagram-top{z-index:1;padding:21px 24px;display:flex;justify-content:space-between;align-items:center;gap:8px}.segmented{display:flex;background:#111711;border:1px solid #46503d;border-radius:4px;padding:3px}.segmented button{background:none;border:0;color:var(--muted);font-size:12px;padding:6px 12px;border-radius:2px}.segmented button.active{background:#394431;color:#f0f5df}.scooter-diagram{width:100%;height:455px;position:relative;overflow:visible}.scooter-diagram .piece{transition:transform .7s cubic-bezier(.2,.7,.2,1);cursor:pointer;outline:none}.scooter-diagram .piece:hover,.scooter-diagram .piece.selected{filter:drop-shadow(0 0 8px #dcfa7280)}.scooter-diagram .selected .metal{stroke:var(--lime)}.diagram-bottom{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;margin-top:auto;font:12px monospace;color:var(--muted);z-index:1;border-top:1px solid #ffffff0d}.diagram-bottom label{display:flex;align-items:center;gap:8px}.diagram-bottom input{accent-color:var(--lime)}.part-detail{padding:27px 25px;background:#20251f;border-left:1px solid var(--line)}.part-detail .number{display:flex;justify-content:space-between;color:var(--lime);font:12px monospace;letter-spacing:1px}.part-detail h2{font-size:46px;margin:22px 0 15px}.part-detail p{font-size:14px;color:#bac2b5;line-height:1.7}.spec{padding:12px 0;border-bottom:1px solid #ffffff16;display:flex;flex-direction:column;gap:2px}.spec small{font-size:12px;color:var(--muted)}.spec strong{font-weight:500;font-size:15px}.warning{background:#ffb3890c;border-left:2px solid var(--orange);padding:13px 14px;color:#f6c0a2;font-size:13px;line-height:1.6;margin:20px 0}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;background:var(--lime);color:#1a2114;padding:12px 20px;border:1px solid var(--lime);font-weight:600;font-size:14px;border-radius:3px}.button.ghost{background:transparent;color:var(--text);border-color:var(--line)}.part-detail .button{width:100%;margin-top:3px}.below{display:grid;grid-template-columns:1fr 1fr 1fr;gap:22px;margin-top:24px}.teaser{border:1px solid var(--line);padding:24px;display:flex;gap:18px;transition:background .2s}.teaser:hover{background:#232a20}.teaser-icon{color:var(--lime);font-size:25px;line-height:1.4}.teaser h3{font-size:16px;margin:0 0 5px}.teaser p{font-size:13px;color:var(--muted);margin:0}.teaser .arrow{margin-left:auto;color:var(--lime)}footer{border-top:1px solid var(--line);padding:29px 4.3%;display:flex;gap:25px;align-items:center;color:var(--muted);font-size:12px}footer .logo{font-size:16px}footer p{margin:0 auto 0 0}footer>span{font:10px monospace;letter-spacing:1px}.section-heading{margin:50px 0 25px;display:flex;justify-content:space-between;align-items:end}.section-heading h2{font-size:42px;margin:0}.section-heading p{margin:0;color:var(--muted);font-size:14px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:1px solid var(--line);padding:26px;background:var(--panel)}.card h2,.card h3{font-family:'Barlow Condensed',sans-serif;font-size:34px;line-height:1.1;text-transform:uppercase;margin:14px 0}.card p{color:var(--muted);font-size:15px}.tag{display:inline-block;padding:4px 8px;border:1px solid #586048;font:11px monospace;color:var(--lime);letter-spacing:1px}.card-link{color:var(--lime);font-size:14px}.search{width:100%;max-width:430px;background:#1c221b;border:1px solid var(--line);padding:13px 16px;border-radius:3px;color:white;margin-bottom:25px}.article{max-width:900px;margin:0 auto}.article h1{margin-bottom:26px}.article .lead{font-size:20px;color:#c2cabc;line-height:1.7}.article h2{font-size:36px;margin:36px 0 18px}.article p,.article li{color:#bfc7b9}.article li{margin-bottom:10px}.back{display:inline-block;color:var(--lime);font-size:14px;margin-bottom:26px}.table-wrap{overflow-x:auto;border:1px solid var(--line);margin:24px 0}table{border-collapse:collapse;width:100%;text-align:left;font-size:14px}th{color:var(--lime);font-size:12px;font-weight:500;background:#22291f}th,td{padding:16px;border-bottom:1px solid var(--line)}td{color:#c2cabc}.table-note{font-size:13px;color:var(--muted)}.checker{display:grid;grid-template-columns:1.1fr 1fr;gap:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}.field{display:flex;flex-direction:column;gap:7px}.field label{font-size:13px;color:var(--muted)}select{width:100%;padding:12px 10px;background:#111710;border:1px solid #46503f;border-radius:3px;color:var(--text);font-size:14px}.result{background:#222a1d;border:1px solid #52633a;padding:30px;align-self:start}.result h2{font-size:35px;line-height:1.1;margin:16px 0}.result.bad{background:#2b211c;border-color:#725344}.result.bad h2{color:var(--orange)}.result li{margin-bottom:15px;color:#c7cdbf;font-size:14px}.result p{font-size:14px;color:var(--muted)}.check-title{font-size:19px;margin:0 0 21px}.rule{border-bottom:1px solid var(--line);padding:22px 0}.rule h3{margin:0 0 9px;font-size:19px}.rule p{margin:0;color:var(--muted)}details{border-bottom:1px solid var(--line);padding:22px 0}summary{cursor:pointer;font-size:19px;font-weight:600}details p{margin:16px 0 0;color:var(--muted)}.source-list a{color:var(--lime);text-decoration:underline;text-underline-offset:4px}.source-list li{margin-bottom:20px}.skip{position:absolute;top:-100px;left:20px;background:var(--lime);color:black;z-index:100;padding:15px}.skip:focus{top:10px}.empty{padding:40px;color:var(--muted)}.material-symbol{font-family:'Barlow Condensed',sans-serif;font-size:75px;line-height:1;color:var(--lime);border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:25px}.brand-name{font-family:'Barlow Condensed',sans-serif;font-size:49px;font-weight:800;letter-spacing:-1px}.inline-link{color:var(--lime);text-decoration:underline}.diagram-label{fill:#b8c5ac;font:11px monospace}.dimension{stroke:#83916d;stroke-width:1;stroke-dasharray:3 4;fill:none}.callout{fill:#192017;stroke:#869975;stroke-width:1}.callout-text{fill:#dcfa72;font:bold 11px monospace;text-anchor:middle}.guide-num{font:13px monospace;color:var(--lime)}
@media(min-width:1600px){header,footer{padding-left:calc((100% - 1462px)/2);padding-right:calc((100% - 1462px)/2)}}@media(max-width:1150px){header{gap:20px}.header-link{display:none}nav{gap:20px;margin-left:auto;margin-right:0}.workbench{grid-template-columns:155px minmax(0,1fr) 270px}.part-detail{padding:24px 20px}.intro p{max-width:330px}.diagram-top{padding:18px 15px}.diagram-top>.micro{font-size:10px}}@media(max-width:900px){header{height:auto;flex-wrap:wrap;padding-top:20px;gap:5px}nav{width:100%;overflow:auto;gap:25px}nav a{padding:15px 0;white-space:nowrap}.intro{align-items:start;flex-direction:column;gap:20px}.intro p{max-width:550px}.workbench{grid-template-columns:140px minmax(0,1fr)}.part-detail{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;column-gap:30px}.part-detail .number,.part-detail h2,.part-detail>p{grid-column:1}.part-detail h2{margin:15px 0}.part-detail .warning{grid-column:2;grid-row:2/5;margin:15px 0}.part-detail .button{grid-column:2}.grid{grid-template-columns:repeat(2,1fr)}.below{gap:12px}.teaser{padding:18px;gap:10px}.checker{grid-template-columns:1fr}.section-heading{gap:20px}footer{flex-wrap:wrap}footer>span{display:none}}@media(max-width:600px){main{padding:28px 5% 45px}header{padding-left:5%;padding-right:5%}.logo{font-size:19px}nav a{font-size:13px}h1{font-size:58px}.intro p{font-size:14px}.workbench{display:flex;flex-direction:column}.part-nav{display:flex;overflow:auto;padding:9px;gap:5px;border-right:0;border-bottom:1px solid var(--line)}.part-nav>.micro{display:none}.part-button{width:auto;white-space:nowrap;padding:10px;gap:7px}.diagram-wrap{min-height:460px}.scooter-diagram{height:370px}.diagram-top{padding:13px}.diagram-top>.micro{font-size:9px;letter-spacing:1px}.segmented button{font-size:11px;padding:5px 7px}.diagram-bottom{padding:13px;font-size:10px}.part-detail{display:block;padding:24px}.part-detail .number{font-size:11px}.part-detail .warning{margin:20px 0}.below,.grid{grid-template-columns:1fr}.teaser{padding:20px}.section-heading{align-items:start;flex-direction:column}.section-heading h2{font-size:35px}.form-grid{grid-template-columns:1fr}.card,.result{padding:22px}footer{padding:25px 5%;gap:12px}footer p{width:100%;order:3}.article .lead{font-size:18px}th,td{padding:12px}.intro{margin-bottom:24px}.scooter-diagram{min-width:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}