/* GearPerks Workbench: a functional editorial tool, authored from scratch. */
:root{--paper:#f7f5ef;--ink:#2d2c29;--muted:#696865;--orange:#cd6737;--line:#dad9d6;--sage:#edece9}
body{background:var(--paper);color:var(--ink)}
.brand{letter-spacing:-1.1px}.brand-mark{background:#db7544;border-radius:5px;color:#2a2926}.brand-period{color:#c56839}
.top-line{background:#eeedea;color:#646360}.site-header{border-color:#dbdad7}.site-header nav a::after{background:#c56839}
.eyebrow{color:#787774;letter-spacing:.11em;font-size:10px}.button{border-radius:3px;background:#343330;border-color:#343330}.button:hover{background:#474643;transform:none}.text-link{font-size:12px;border-color:#bbbab7}
h1,h2,h3{font-weight:500}h1 em{color:#656461!important}p{color:inherit}
.wb-intro{display:grid;grid-template-columns:1.3fr .7fr;gap:85px;padding-block:49px 44px;align-items:end}.wb-intro h1{font-size:clamp(48px,5.3vw,77px);letter-spacing:-.065em;line-height:1.02}.wb-intro h1 em{font-family:Georgia,serif;font-weight:400;font-size:1.015em}.wb-intro-copy{padding-bottom:5px}.wb-intro-copy p{font-size:14px;line-height:1.95;color:#666562;max-width:400px;margin-bottom:23px}
.layout-workbench{border-top:1px solid #c3c2bf;padding-top:25px}.wb-tool-heading{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:22px}.wb-tool-heading .eyebrow{margin-bottom:9px;font-size:9px}.wb-tool-heading h2{font-size:25px;letter-spacing:-.04em}.layout-choices{display:flex;border:1px solid #c9c8c5;border-radius:4px;padding:3px;gap:2px;flex-shrink:0}.layout-choices button{font:500 11px/1.2 Manrope,Arial,sans-serif;min-width:74px;min-height:39px;padding:9px 16px;border:0;border-radius:2px;background:transparent;color:#5b5a57;cursor:pointer}.layout-choices button[aria-pressed=true]{background:#383734;color:#faf9f2}.layout-choices button:hover{background:#e6e5e2}.layout-choices button[aria-pressed=true]:hover{background:#383734}.layout-stage{background:#eeeee7;border:1px solid #d8d7d4;border-radius:5px;overflow:hidden}.layout-diagram{width:100%;height:auto;display:block}.wb-keyboard{filter:drop-shadow(0 5px 3px #3b4b3414)}.layout-readout{display:grid;grid-template-columns:.8fr 1fr 1fr 1.15fr;border-bottom:1px solid #cdccc9;gap:26px;padding-block:25px 23px}.layout-readout>div+div{border-left:1px solid #d9d8d5;padding-left:24px}.layout-readout .eyebrow{font-size:8px;margin:0 0 7px;display:block}.layout-readout h3{font-size:26px;letter-spacing:-.05em;margin-bottom:9px}.layout-readout p{font-size:11px;line-height:1.85;margin:0;color:#61605d}.readout-label{font-size:9px;display:block;margin-bottom:10px;color:#7d7c79}.wb-caption{font-size:10px;color:#797875;line-height:1.8;margin-top:13px}.wb-caption strong{font-weight:600;color:#62615e}.wb-nojs{font-size:12px;border-left:2px solid #c46c3d;padding:9px 13px;background:#edece9}.layout-notes{display:grid;grid-template-columns:1fr 1fr;gap:0 35px;margin-top:24px}.layout-notes article{display:grid;grid-template-columns:74px 1fr;gap:0 18px;border-top:1px solid #dbdad7;padding:18px 0 18px 12px;position:relative}.layout-notes article::before{content:'';position:absolute;top:19px;left:0;width:2px;height:17px;background:transparent}.layout-notes article.is-current::before{background:#cc703e}.layout-notes h3{font-size:16px;letter-spacing:-.025em;grid-row:1/3;line-height:1.45}.layout-notes p{font-size:11px;line-height:1.85;margin:0 0 5px;color:#6c6b68}.layout-notes strong{font-weight:550}.wb-disclosure{border-block:1px solid #d8d7d4;padding-block:16px;margin-top:25px}.wb-disclosure .affiliate-note{font-size:10px;line-height:1.9}
.assembly-workbench{padding-top:72px}.wb-section-intro{display:grid;grid-template-columns:.7fr 1.2fr 1fr;gap:42px;align-items:start;margin-bottom:35px}.wb-section-intro .eyebrow{margin-top:7px;font-size:9px}.wb-section-intro h2{font-size:42px;letter-spacing:-.055em}.wb-section-intro>p:last-child{font-size:12px;line-height:1.95;color:#676663;max-width:350px;padding-top:4px}.assembly-layout{display:grid;grid-template-columns:1.65fr .75fr;gap:40px;align-items:start}.assembly-visual{min-width:0}.assembly-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:12px;border-bottom:1px solid #cecdca}.assembly-toolbar>span{font:8px/1.5 'Courier New',monospace;letter-spacing:.08em;color:#777673}.assembly-toolbar button{background:#e9e8e5;border:1px solid #c2c1be;border-radius:3px;min-height:39px;padding:10px 14px;font:500 10px/1.3 Manrope,Arial,sans-serif;color:#494845;cursor:pointer}.assembly-toolbar button:hover{background:#dfdedb}.assembly-canvas{background:#eeeee6;border-bottom:1px solid #d6d5d2;overflow:hidden}.layer-diagram{display:block;width:100%;height:auto}.assembly-part{transition:transform .48s cubic-bezier(.2,.7,.2,1),opacity .25s;transform-origin:center;opacity:.92}.assembly-part.is-selected{opacity:1}.assembly-part.is-selected>polygon{stroke:#c57a48;stroke-width:1.4}.assembly-canvas[data-expanded=false] [data-part=keycaps]{transform:translateY(-17px)}.assembly-canvas[data-expanded=false] [data-part=switches]{transform:translateY(-12px)}.assembly-canvas[data-expanded=false] [data-part=plate]{transform:translateY(-7px)}.assembly-canvas[data-expanded=false] [data-part=pcb]{transform:translateY(-3px)}.assembly-canvas[data-expanded=true] [data-part=keycaps]{transform:translateY(-136px)}.assembly-canvas[data-expanded=true] [data-part=switches]{transform:translateY(-73px)}.assembly-canvas[data-expanded=true] [data-part=plate]{transform:translateY(-10px)}.assembly-canvas[data-expanded=true] [data-part=pcb]{transform:translateY(53px)}.assembly-canvas[data-expanded=true] [data-part=case]{transform:translateY(116px)}.layer-choices{border-top:1px solid #c2c1be}.layer-choices button{display:flex;width:100%;align-items:center;gap:18px;border:0;border-bottom:1px solid #d0cfcc;background:transparent;min-height:48px;padding:13px 12px;text-align:left;cursor:pointer;font:500 13px/1.3 Manrope,Arial,sans-serif;color:#605f5c}.layer-choices button>span{font:9px/1.2 'Courier New',monospace;color:#979693}.layer-choices button>b{font-weight:400;margin-left:auto;color:#9f9e9b}.layer-choices button[aria-pressed=true]{background:#eae9e6;color:#32312e;box-shadow:inset 2px 0 #c57441}.layer-choices button:hover{background:#eae9e6}.layer-explanation{padding:25px 10px 0}.layer-explanation .eyebrow{font-size:8px;margin-bottom:10px;color:#8a775e}.layer-explanation h3{font-size:29px;margin-bottom:16px}.layer-explanation>p:last-child{font-size:12px;line-height:1.95;color:#6b6a67}.layer-text-reference{margin-top:18px;border-top:1px solid #d9d8d5;padding:16px 0;color:#6e6d6a;font-size:11px}.layer-text-reference summary{cursor:pointer;min-height:30px}.layer-text-reference dl{display:grid;grid-template-columns:1fr 1fr;gap:20px 35px;margin-top:20px}.layer-text-reference dt{font-weight:650;margin-bottom:5px}.layer-text-reference dd{margin:0;line-height:1.9;max-width:560px}
.wb-model-route{display:grid;grid-template-columns:1fr 1fr;gap:85px;padding-block:48px 44px;border-block:1px solid #c5c4c1;margin-top:65px}.wb-model-route h2,.wb-checkout h2{font-size:43px;letter-spacing:-.055em}.wb-model-route p:not(.eyebrow),.wb-checkout p:not(.eyebrow){font-size:13px;line-height:1.95;color:#6b6a67;max-width:510px}.wb-model-route .button{margin-top:9px}.wb-model-route .small,.wb-checkout .small{font-size:10px!important;margin-top:15px}.wb-reading{padding-block:58px 45px}.wb-reading .section-heading h2{font-size:35px}.wb-reading .guide-card{border-radius:4px;background:transparent;border-color:#d8d7d4;box-shadow:none}.wb-reading .card-image{border-bottom-color:#d8d7d4}.wb-reading .card-number{border-radius:2px;background:#f6f5ebbf;font-size:8px}.wb-reading .card-corner{border-radius:2px;background:#f9f8ee}.wb-reading .card-copy{padding:22px 20px}.wb-reading .card-copy h3{font-size:24px}.wb-reading .card-copy p:not(.eyebrow){font-size:12px}.wb-checkout{display:grid;grid-template-columns:1fr 1fr;gap:85px;padding-block:43px;border-top:1px solid #cccbc8}.wb-method{display:flex;gap:40px;align-items:start;padding-block:33px;border-top:1px solid #d8d7d4}.wb-method .eyebrow{margin-top:4px;white-space:nowrap;font-size:9px}.wb-method p{font-size:12px;line-height:1.9;max-width:660px;margin:0}.wb-method a{margin-left:auto;font-size:11px;white-space:nowrap}.compare-tools{border-block:1px solid #d2d1ce;padding:18px 0;margin:0 0 28px;display:flex;flex-wrap:wrap;gap:12px 17px;align-items:center}.compare-tools>span{font-size:10px;color:#73726f;margin-right:auto}.compare-tools button{font:500 11px/1.4 Manrope,Arial,sans-serif;background:#ecebe8;color:#484744;min-height:40px;padding:10px 14px;border:1px solid #c6c5c2;border-radius:3px;cursor:pointer}.compare-tools button:hover{background:#e4e3e0}.compare-tools p{font-size:11px;line-height:1.8;color:#7d7c79;width:100%;margin:0}.difference-emphasis>th,.difference-emphasis>td{background:#f7e7d7!important;box-shadow:inset 0 1px #cb986d66,inset 0 -1px #cb986d66;transition:background-color .4s}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #b66332;outline-offset:4px}footer{background:#ebeae7}
@media(max-width:1050px){.wb-intro{gap:40px}.wb-intro-copy p{font-size:13px}.layout-readout{gap:18px}.layout-readout>div+div{padding-left:16px}.wb-section-intro{grid-template-columns:.6fr 1fr 1fr;gap:25px}.wb-section-intro h2{font-size:35px}.assembly-layout{gap:25px}.assembly-toolbar>span{font-size:7px}.assembly-toolbar button{font-size:9px;padding-inline:10px}.wb-model-route,.wb-checkout{gap:45px}.wb-model-route h2,.wb-checkout h2{font-size:37px}}
@media(max-width:760px){.site-header nav{font-size:11px}.top-line .wrap{font-size:8px}.wb-intro{display:block;padding-block:33px 29px}.wb-intro .eyebrow{font-size:8px;margin-bottom:21px}.wb-intro h1{font-size:clamp(41px,11.8vw,64px);line-height:1.03;letter-spacing:-.065em}.wb-intro-copy{margin-top:25px;padding:0}.wb-intro-copy p{font-size:13px;line-height:1.95;margin-bottom:18px;max-width:500px}.wb-intro-copy .text-link{font-size:10px}.layout-workbench{padding-top:22px}.wb-tool-heading{display:block;margin-bottom:15px}.wb-tool-heading .eyebrow{font-size:8px;margin-bottom:9px}.wb-tool-heading h2{font-size:25px}.layout-choices{margin-top:20px;width:100%;display:grid;grid-template-columns:repeat(4,1fr)}.layout-choices button{min-width:0;min-height:43px;padding:10px 5px;font-size:11px}.layout-stage{padding-block:12px}.layout-diagram{min-height:150px}.layout-readout{grid-template-columns:1fr 1fr;gap:22px 17px;padding-block:22px}.layout-readout>div+div{border:0;padding:0}.layout-readout>div:first-child{grid-column:1/3;border-bottom:1px solid #d7d6d3;padding-bottom:17px;display:grid;grid-template-columns:1fr 1.5fr;gap:0 18px}.layout-readout>div:first-child .eyebrow{grid-column:1;grid-row:1}.layout-readout>div:first-child h3{grid-column:1;grid-row:2;margin:0;font-size:25px}.layout-readout>div:first-child p{grid-column:2;grid-row:1/3;align-self:center}.layout-readout>div:last-child{grid-column:1/3}.layout-readout p{font-size:11px;line-height:1.9}.readout-label{font-size:9px;margin-bottom:7px}.wb-caption{font-size:9px;line-height:1.9;margin-top:12px}.layout-notes{display:block;margin-top:23px}.layout-notes article{grid-template-columns:66px 1fr;gap:0 13px;padding-block:15px}.layout-notes h3{font-size:15px}.layout-notes p{font-size:11px}.wb-disclosure{margin-top:18px;padding-block:14px}.wb-disclosure .affiliate-note{font-size:9px}.assembly-workbench{padding-top:41px}.wb-section-intro{display:block;margin-bottom:23px}.wb-section-intro .eyebrow{font-size:8px;margin-bottom:18px}.wb-section-intro h2{font-size:36px}.wb-section-intro>p:last-child{font-size:12px;margin-top:19px;max-width:none}.assembly-layout{display:block}.assembly-toolbar{gap:10px;padding-bottom:11px;align-items:center}.assembly-toolbar>span{font-size:7px;max-width:95px;line-height:1.7}.assembly-toolbar button{min-height:43px;font-size:10px;padding-inline:11px}.assembly-canvas{margin-top:0}.layer-diagram{width:100%;height:auto;min-height:250px}.layer-inspector{margin-top:25px}.layer-choices{display:flex;overflow-x:auto;gap:0;border-bottom:1px solid #cac9c6}.layer-choices button{width:auto;min-width:92px;min-height:52px;display:block;text-align:left;border-bottom:0;border-right:1px solid #d6d5d2;padding:11px 13px;font-size:11px;flex-shrink:0}.layer-choices button>span{display:block;font-size:7px;margin-bottom:5px}.layer-choices button>b{display:none}.layer-explanation{padding:23px 0 0}.layer-explanation h3{font-size:28px}.layer-explanation>p:last-child{font-size:12px}.layer-text-reference{margin-top:20px}.layer-text-reference dl{grid-template-columns:1fr}.wb-model-route{display:block;padding-block:32px;margin-top:33px}.wb-model-route h2,.wb-checkout h2{font-size:35px}.wb-model-route>div+div{margin-top:23px}.wb-model-route p:not(.eyebrow),.wb-checkout p:not(.eyebrow){font-size:12px}.wb-model-route .button{font-size:11px;min-height:47px}.wb-reading{padding-block:37px 29px}.wb-reading .section-heading h2{font-size:30px}.wb-reading .card-copy h3{font-size:26px}.wb-checkout{display:block;padding-block:31px}.wb-checkout>div+div{margin-top:22px}.wb-method{display:block;padding-block:25px}.wb-method .eyebrow{display:block;margin-bottom:14px}.wb-method p{font-size:12px;margin-bottom:17px}.wb-method a{font-size:11px}.compare-tools{display:grid;grid-template-columns:1fr 1fr;gap:12px 10px}.compare-tools>span{grid-column:1/3;font-size:10px}.compare-tools button{font-size:10px;padding-inline:8px;min-height:43px}.compare-tools p{grid-column:1/3;font-size:10px}.layer-choices button:focus-visible{outline-offset:-4px}}
@media(max-width:359px){.wb-intro h1{font-size:38px}.wb-intro-copy .text-link{font-size:9px}.wb-tool-heading h2{font-size:23px}.layout-choices button{font-size:10px}.assembly-toolbar button{font-size:9px}}
@media(max-width:760px){.layer-choices{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible}.layer-choices button{min-width:0;width:100%;padding:11px 6px;font-size:10px}.layer-choices button:last-child{border-right:0}}
.wb-intro-copy p{font-size:15px}.layout-readout p{font-size:13px}.readout-label{font-size:11px}.layout-notes p{font-size:12px}.layout-notes h3{font-size:18px}.wb-caption{font-size:11px}.layer-explanation>p:last-child{font-size:14px}.layer-text-reference{font-size:12px}.layout-choices button{font-size:12px;min-height:44px}.compare-table-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin:30px 0 20px}.compare-table-heading h2{font-size:28px;line-height:1.2;letter-spacing:-.04em}.compare-table-heading button{font:500 11px/1.4 Manrope,Arial,sans-serif;background:#eceee6;color:#42473b;min-height:42px;padding:10px 14px;border:1px solid #c8cebe;border-radius:3px;cursor:pointer;flex-shrink:0}.compare-table-heading button:hover{background:#e1e6d8}.compare-legend{display:block}.compare-legend>span{display:block;margin-bottom:8px}
@media(max-width:760px){.wb-intro-copy p{font-size:14px}.layout-readout p{font-size:12px}.layout-notes p{font-size:12px}.layout-notes h3{font-size:16px}.wb-caption{font-size:10px}.layer-explanation>p:last-child{font-size:14px}.layout-choices button{font-size:12px;min-height:44px}.compare-table-heading{align-items:start;gap:15px}.compare-table-heading h2{font-size:24px}.compare-table-heading button{min-height:44px;padding-inline:10px;font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}html{scroll-behavior:auto}.assembly-part{transition:none!important}}