*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fdfcf8;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}ol[role=list],ul[role=list]{list-style:none}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}:focus{outline:none}:focus-visible{outline:2px solid #c4a35a;outline-offset:2px}:focus:not(:focus-visible){outline:none}::selection{background-color:#c4a35a;color:#fff}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.skip-link{background:#1a1a1a;border-radius:0 0 4px 0;color:#fff;left:0;padding:8px 16px;position:absolute;text-decoration:none;top:-40px;transition:top .2s;z-index:10000}.skip-link:focus{top:0}.visually-hidden{clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){:focus-visible{outline:3px solid currentColor;outline-offset:2px}}*{box-sizing:border-box;margin:0;padding:0}body{background:#fdfcf8;color:#1a1a1a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.App{min-height:100vh}.header{background:linear-gradient(90deg,#1a1a1a,#2d2d2d);color:#fff;padding:1rem}.logo h1{font-family:serif}.logo span{font-size:.875rem;opacity:.8}.nav{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.nav button{background:#0000;border:1px solid #fff3;border-radius:9999px;color:#fffc;cursor:pointer;padding:.5rem 1rem;transition:all .2s}.nav button.active,.nav button:hover{background:#c4a35a;border-color:#c4a35a;color:#fff}.main{margin:0 auto;max-width:1200px;padding:1rem}.stats{color:#6b6b6b;font-size:.875rem;margin-bottom:1rem}.product-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.product-card{background:#fff;border:1px solid #e0ddd5;border-radius:.75rem;overflow:hidden}.product-card:hover{box-shadow:0 10px 40px #0000001a;transform:scale(1.02)}.product-card a{color:inherit;text-decoration:none}.product-image{align-items:center;background:#f5f4f0;display:flex;height:160px;justify-content:center}.product-image img{height:100%;object-fit:cover;width:100%}.product-info{padding:1rem}.vendor{color:#c4a35a;font-size:.75rem;font-weight:600;text-transform:uppercase}.name{font-size:1rem;margin:.5rem 0}.name,.price{color:#1a1a1a}.price{font-weight:600}.category{background:#f5f4f0;border-radius:4px;color:#6b6b6b;display:inline-block;font-size:.75rem;margin-left:.5rem;padding:.25rem .5rem}.load-more{margin-top:2rem;text-align:center}.load-more button{background:#c4a35a;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem}.load-more button:hover{background:#b39346}.error,.loading{padding:3rem;text-align:center}.error{color:#ef4444}@media (max-width:640px){.product-grid{grid-template-columns:1fr}}.controls-row{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-bottom:1.5rem;padding:1rem 0}.filter-chips{display:flex;flex:1 1;flex-wrap:wrap;gap:.625rem;min-width:280px}.filter-chip{background:linear-gradient(180deg,#fff,#faf9f6);border:1.5px solid #e8e5dc;border-radius:9999px;box-shadow:0 1px 2px #0000000a,inset 0 1px 0 #fff9;color:#5a5a5a;cursor:pointer;font-size:.875rem;font-weight:500;letter-spacing:.01em;overflow:hidden;padding:.625rem 1.25rem;position:relative;transition:all .15s ease-out}.filter-chip:before{background:linear-gradient(180deg,#c4a35a14,#0000 60%);content:"";height:100%;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .15s ease-out}.filter-chip:hover{border-color:#c4a35a;box-shadow:0 3px 8px #c4a35a26,inset 0 1px 0 #fff9;color:#1a1a1a;transform:translateY(-1px)}.filter-chip:hover:before{opacity:1}.filter-chip:active{box-shadow:inset 0 1px 2px #0000000a;transform:translateY(0)}.filter-chip.active{background:linear-gradient(180deg,#c4a35a,#b39346);border-color:#b39346;box-shadow:0 2px 6px #c4a35a4d,inset 0 1px 0 #fff3;color:#fff;font-weight:600}.filter-chip.active:hover{background:linear-gradient(180deg,#d4b36a,#c4a35a);border-color:#c4a35a;box-shadow:0 3px 10px #c4a35a66,inset 0 1px 0 #fff3}.sort-control{align-items:center;display:flex;gap:.625rem;padding-top:.125rem}.sort-control label{color:#6b6b6b}.sort-control label,.sort-select{font-size:.875rem;font-weight:500}.sort-select{-webkit-appearance:none;appearance:none;background:linear-gradient(180deg,#fff,#faf9f6);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%236b6b6b' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;border:1.5px solid #e8e5dc;border-radius:.75rem;box-shadow:0 1px 2px #0000000a;color:#1a1a1a;cursor:pointer;min-width:140px;padding:.625rem 2.25rem .625rem 1rem;transition:all .15s ease-out}.sort-select:hover{border-color:#c4a35a;box-shadow:0 3px 8px #c4a35a1a;transform:translateY(-1px)}.sort-select:focus{border-color:#c4a35a;box-shadow:0 0 0 3px #c4a35a26;outline:none}@media (max-width:640px){.controls-row{align-items:stretch;flex-direction:column;gap:1rem}.filter-chips{justify-content:center;min-width:auto;order:2}.filter-chip{font-size:.8125rem;padding:.5rem 1rem}.sort-control{background:#f5f4f0;border-radius:.75rem;justify-content:space-between;order:1;padding:.5rem}.sort-select{flex:1 1;max-width:200px}}.search-container{margin:0 auto;max-width:800px;padding:1rem}.search-wrapper{align-items:center;display:flex;position:relative}.search-icon{color:#666;height:1.25rem;left:1rem;pointer-events:none;position:absolute;width:1.25rem}.search-input{background:#fff;border:2px solid #e0ded8;border-radius:.75rem;font-family:inherit;font-size:1rem;padding:.75rem 1rem .75rem 2.75rem;transition:border-color .2s,box-shadow .2s;width:100%}.search-input:focus{border-color:#1a1a1a;box-shadow:0 0 0 3px #1a1a1a1a;outline:none}.search-clear{background:none;border:none;color:#666;cursor:pointer;font-size:1.25rem;line-height:1;padding:.25rem;position:absolute;right:1rem;transition:color .15s}.search-clear:hover{color:#1a1a1a}.no-results{color:#666;padding:3rem 1rem;text-align:center}.no-results p{font-size:1.1rem;margin-bottom:1rem}.no-results button{background:#1a1a1a;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background .15s}.no-results button:hover{background:#333}@media (max-width:640px){.search-container{padding:.75rem}.search-input{font-size:.9375rem;padding:.625rem 1rem .625rem 2.5rem}}.header{background:#1a1a1a;border-bottom:1px solid #333;padding:1rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 2rem}.logo{display:flex;flex-direction:column;text-decoration:none}.logo h1{color:#c4a35a;font-size:1.5rem;font-weight:600;margin:0}.logo span{color:#888;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}.nav-links{display:flex;gap:2rem}.nav-links a{color:#ccc;font-size:.9rem;text-decoration:none;transition:color .2s}.nav-links a:hover{color:#c4a35a}.nav-link{padding:.5rem 0}.nav-highlight{color:#c4a35a;font-weight:600}@media (max-width:768px){.header-content{flex-direction:column;gap:1rem;padding:0 1rem}.nav-links{gap:1rem}}.footer{background:linear-gradient(90deg,#1a1a1a,#2d2d2d);color:#e0ddd5;margin-top:4rem;padding:3rem 1rem 1rem}.footer-sections{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:1200px}.footer-section h3{color:#c4a35a;font-size:1rem;margin-bottom:1rem}.footer-section ul{list-style:none}.footer-section li{margin-bottom:.5rem}.footer-section a{color:#9a9590;font-size:.875rem;text-decoration:none;transition:color .2s}.footer-section a:hover{color:#c4a35a}.footer-bottom{border-top:1px solid #3d3d3d;color:#6b6b6b;font-size:.875rem;margin:2rem auto 0;max-width:1200px;padding-top:2rem;text-align:center}@media (max-width:768px){.footer-sections{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.footer-sections{grid-template-columns:1fr}}.modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:1rem;max-height:90vh;max-width:900px;overflow-y:auto;position:relative;width:100%}.modal-close{background:none;border:none;color:#6b6b6b;cursor:pointer;font-size:2rem;position:absolute;right:1rem;top:1rem;z-index:10}.modal-close:hover{color:#1a1a1a}.modal-body{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;padding:2rem}.modal-image{aspect-ratio:1;background:#f5f4f0;border-radius:.5rem;overflow:hidden}.modal-image img{height:100%;object-fit:cover;width:100%}.no-image{align-items:center;color:#6b6b6b;display:flex;height:100%;justify-content:center;width:100%}.modal-info{display:flex;flex-direction:column;gap:1rem}.modal-vendor{color:#c4a35a;font-size:.875rem;font-weight:600;text-transform:uppercase}.modal-title{color:#1a1a1a;font-size:1.75rem;margin:0}.modal-price{color:#1a1a1a;font-size:1.5rem;font-weight:600}.modal-category{background:#f5f4f0;border-radius:.25rem;color:#6b6b6b;display:inline-block;font-size:.875rem;padding:.25rem .75rem;width:-webkit-fit-content;width:fit-content}.modal-description{color:#6b6b6b;line-height:1.6}.modal-actions{display:flex;gap:1rem;margin-top:auto}.modal-buy-button{background:#c4a35a;border-radius:.5rem;color:#fff;flex:1 1;font-weight:600;padding:.75rem 1.5rem;text-align:center;text-decoration:none}.modal-buy-button:hover{background:#b39346}.modal-close-button{background:#f5f4f0;border:none;border-radius:.5rem;color:#1a1a1a;cursor:pointer;flex:1 1;font-weight:600;padding:.75rem 1.5rem}.modal-close-button:hover{background:#e0ddd5}@media (max-width:768px){.modal-body{grid-template-columns:1fr}.modal-image{aspect-ratio:16/9}}.wizard-fab{align-items:center;animation:pulse-glow 2s ease-in-out infinite;background:linear-gradient(135deg,#c4a35a,#b8944f);border:none;border-radius:50%;bottom:1.5rem;box-shadow:0 4px 12px #c4a35a66;color:#fff;cursor:pointer;display:flex;height:64px;justify-content:center;position:fixed;right:1.5rem;transition:all .3s ease;width:64px;z-index:1000}.wizard-fab:hover{box-shadow:0 6px 20px #c4a35a80;transform:translateY(-2px) scale(1.05)}.wizard-fab svg{height:28px;width:28px}@keyframes pulse-glow{0%,to{box-shadow:0 4px 12px #c4a35a66}50%{box-shadow:0 4px 20px #c4a35a99}}.match-count{align-items:center;animation:pulse-badge 2s infinite;background:#ef4444;border-radius:50%;color:#fff;display:flex;font-size:.75rem;font-weight:700;height:24px;justify-content:center;min-width:24px;position:absolute;right:-4px;top:-4px}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.wizard-overlay{align-items:flex-end;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:1001}@media (min-width:640px){.wizard-overlay{align-items:center;justify-content:flex-end;padding:1.5rem}}.wizard-panel{animation:slide-up .3s ease;background:#fff;border-radius:1rem 1rem 0 0;max-height:90vh;max-width:400px;overflow-y:auto;padding:1.5rem;width:100%}@media (min-width:640px){.wizard-panel{animation:none;border-radius:1rem}}@keyframes slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.wizard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.step-indicator{color:#c4a35a;font-size:.875rem;font-weight:600}.reset-btn{background:none;border:none;color:#6b6b6b;cursor:pointer;font-size:.875rem;text-decoration:underline}.reset-btn:hover{color:#1a1a1a}.close-btn{align-items:center;background:none;border:none;color:#6b6b6b;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;width:32px}.close-btn:hover{color:#1a1a1a}.progress-bar{display:flex;gap:4px;margin-bottom:1.5rem}.progress-segment{background:#e0ddd5;border-radius:2px;flex:1 1;height:4px;transition:background .3s}.progress-segment.active{background:#c4a35a}.wizard-question{margin-bottom:1.5rem}.wizard-question h3{color:#1a1a1a;font-size:1.25rem;margin:0 0 .5rem}.wizard-question .subtitle{color:#6b6b6b;font-size:.875rem;margin:0}.wizard-options{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.option-card{background:#fff;border:2px solid #e0ddd5;border-radius:.75rem;cursor:pointer;padding:1rem;text-align:left;transition:all .2s}.option-card.selected,.option-card:hover{background:#fefcf8;border-color:#c4a35a}.option-label{color:#1a1a1a;font-weight:600;margin-bottom:.25rem}.match-display,.option-desc{color:#6b6b6b;font-size:.875rem}.match-display{border-top:1px solid #e0ddd5;margin-top:1rem;padding:1rem;text-align:center}.wizard-nav{display:flex;justify-content:space-between;margin-top:1rem}.nav-btn{border-radius:.5rem;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.nav-btn.primary{background:#c4a35a;border:none;color:#fff}.nav-btn.primary:hover{background:#b39346}.nav-btn.secondary{background:#f5f4f0;border:none;color:#1a1a1a}.nav-btn.secondary:hover{background:#e0ddd5}@media (max-width:639px){.wizard-fab{bottom:1rem;height:56px;right:1rem;width:56px}.wizard-fab svg{height:24px;width:24px}}.wizard-active-indicator{align-items:center;animation:slide-in-indicator .3s ease;background:#10b981;border-radius:2rem;bottom:1.5rem;box-shadow:0 4px 12px #10b9814d;color:#fff;cursor:pointer;display:flex;gap:.75rem;left:auto;max-width:calc(100% - 8rem);padding:.75rem 1rem;position:fixed;right:6rem;z-index:999}@keyframes slide-in-indicator{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.wizard-active-content{align-items:center;display:flex;gap:.5rem;overflow:hidden}.wizard-active-icon{font-size:1.125rem}.wizard-active-text{font-size:.875rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wizard-active-count{background:#fff3;border-radius:1rem;font-size:.75rem;padding:.25rem .5rem;white-space:nowrap}.wizard-clear-btn{align-items:center;background:#ffffff4d;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:24px;justify-content:center;line-height:1;transition:background .2s;width:24px}.wizard-clear-btn:hover{background:#ffffff80}@media (max-width:639px){.wizard-active-indicator{bottom:1rem;left:1rem;max-width:calc(100% - 6rem);right:5rem}.wizard-active-text{max-width:120px}}.option-count{background:#e0ddd5;border-radius:1rem;color:#6b6b6b;font-size:.75rem;padding:.25rem .5rem}.option-count.low{background:#fef3c7;color:#92400e}.option-count.zero{background:#fee2e2;color:#991b1b}.option-card.disabled{cursor:not-allowed;opacity:.5}.match-info-banner{border-radius:.5rem;font-size:.875rem;margin-bottom:1rem;padding:.75rem 1rem;text-align:center}.match-info-banner.good{background:#d1fae5;color:#065f46}.match-info-banner.low{background:#fef3c7;color:#92400e}.match-info-banner.warning{background:#fee2e2;color:#991b1b}.zero-results-warning{background:#fee2e2;border-radius:.5rem;margin-bottom:1rem;padding:1rem;text-align:center}.zero-results-warning p{color:#991b1b;margin:0 0 .5rem}.back-to-adjust{background:#ef4444;border:none;border-radius:.375rem;color:#fff;cursor:pointer;padding:.5rem 1rem}.back-to-adjust:hover{background:#dc2626}.option-row{align-items:center;display:flex;justify-content:space-between}.learn-page{background:#fdfcf8;background:var(--paper,#fdfcf8);min-height:100vh}.learn-hero{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);color:#fff;padding:4rem 2rem;text-align:center}.learn-hero h1{font-size:2.5rem;font-weight:600;margin-bottom:1rem}.learn-subtitle{font-size:1.2rem;margin:0 auto;max-width:600px;opacity:.9}.learn-content{margin:0 auto;max-width:1200px;padding:3rem 2rem}.guide-category{margin-bottom:4rem}.guide-category h2{align-items:center;color:#1a1a1a;color:var(--ink,#1a1a1a);display:flex;font-size:1.5rem;gap:.75rem;margin-bottom:1.5rem}.category-icon{font-size:1.5rem}.guide-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.guide-card{background:#fff;border:1px solid #e8e8e8;border:1px solid var(--border,#e8e8e8);border-radius:12px;color:inherit;cursor:pointer;display:flex;flex-direction:column;padding:1.5rem;text-decoration:none;transition:all .2s ease}.guide-card:hover{border-color:#c4a35a;border-color:var(--accent,#c4a35a);box-shadow:0 8px 24px #00000014;transform:translateY(-2px)}.guide-header{margin-bottom:1rem}.difficulty-badge{border-radius:20px;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.difficulty-easy{background:#dcfce7;color:#166534}.difficulty-medium{background:#dbeafe;color:#1e40af}.difficulty-hard{background:#fee2e2;color:#991b1b}.guide-card h3{color:#1a1a1a;color:var(--ink,#1a1a1a);font-size:1.2rem;margin-bottom:.75rem}.guide-card p{color:#6b6b6b;color:var(--faded,#6b6b6b);flex:1 1;font-size:.95rem;line-height:1.5;margin-bottom:1rem}.guide-link{color:#c4a35a;color:var(--accent,#c4a35a);font-size:.9rem;font-weight:500;margin-top:auto}@media (max-width:768px){.learn-hero{padding:3rem 1.5rem}.learn-hero h1{font-size:2rem}.learn-content{padding:2rem 1rem}.guide-grid{grid-template-columns:1fr}}.guide-article{margin:0 auto;max-width:800px;padding:2rem}.guide-header-section{border-bottom:2px solid #e8e8e8;border-bottom:2px solid var(--border,#e8e8e8);margin-bottom:3rem;padding:3rem 0;text-align:center}.guide-tag{background:#c4a35a;background:var(--accent,#c4a35a);border-radius:20px;color:#fff;display:inline-block;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin-bottom:1.5rem;padding:.5rem 1rem;text-transform:uppercase}.guide-header-section h1{color:#1a1a1a;color:var(--ink,#1a1a1a);font-size:2.5rem;line-height:1.2;margin-bottom:1.5rem}.guide-intro{color:#6b6b6b;color:var(--faded,#6b6b6b);font-size:1.25rem;line-height:1.6;margin:0 auto;max-width:600px}.guide-body section{margin-bottom:3rem}.guide-body h2{border-bottom:2px solid #c4a35a;border-bottom:2px solid var(--accent,#c4a35a);font-size:1.75rem;margin-bottom:1.5rem;padding-bottom:.5rem}.guide-body h2,.guide-body h3{color:#1a1a1a;color:var(--ink,#1a1a1a)}.guide-body h3{font-size:1.35rem;margin:2rem 0 1rem}.guide-body h4{color:#1a1a1a;color:var(--ink,#1a1a1a);font-size:1.1rem;margin:1.5rem 0 .75rem}.guide-body p{color:#333;line-height:1.8;margin-bottom:1rem}.guide-body ul{margin:1.5rem 0;padding-left:2rem}.guide-body li{line-height:1.6;margin-bottom:.75rem}.key-benefits{background:#f7f6f2;background:var(--paper-dark,#f7f6f2);border-radius:8px;margin:1.5rem 0;padding:1.5rem}.switch-types-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:1.5rem 0}.switch-card{border:2px solid;border-radius:8px;padding:1.5rem}.switch-card.linear{background:#f0fdf4;border-color:#86efac}.switch-card.tactile{background:#eff6ff;border-color:#93c5fd}.switch-card.clicky{background:#fef2f2;border-color:#fca5a5}.switch-card h4{font-size:1.2rem;margin-bottom:.5rem}.switch-card ul{margin:.75rem 0 0;padding-left:1.25rem}.size-comparison{grid-gap:1rem;display:grid;gap:1rem;margin:1.5rem 0}.size-item{background:#f7f6f2;background:var(--paper-dark,#f7f6f2);border-left:4px solid #c4a35a;border-left:4px solid var(--accent,#c4a35a);border-radius:8px;padding:1.25rem}.size-best{color:#c4a35a;color:var(--accent,#c4a35a);font-weight:500;margin-top:.5rem}.cta-section{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-radius:12px;color:#fff;padding:3rem;text-align:center}.cta-section h2{border:none;color:#fff;padding-bottom:0}.cta-section p{color:#fffc}.cta-button{background:#c4a35a;background:var(--accent,#c4a35a);border-radius:8px;color:#fff;display:inline-block;font-weight:600;margin-top:1rem;padding:1rem 2rem;text-decoration:none;transition:all .2s}.cta-button:hover{background:#a88d4a;transform:translateY(-2px)}@media (max-width:768px){.guide-article{padding:1rem}.guide-header-section h1{font-size:1.75rem}.guide-intro{font-size:1.1rem}.guide-body h2{font-size:1.35rem}.cta-section{padding:2rem 1.5rem}}.feature-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:1.5rem 0}.feature-card{background:#f7f6f2;background:var(--paper-dark,#f7f6f2);border:1px solid #e8e8e8;border:1px solid var(--border,#e8e8e8);border-radius:12px;padding:1.5rem}.feature-card h4{color:#c4a35a;color:var(--accent,#c4a35a);font-size:1.1rem;margin-bottom:.75rem}.feature-card p{color:#6b6b6b;color:var(--faded,#6b6b6b);font-size:.95rem;margin:0}.makers-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin:1.5rem 0}.maker-card{background:#fff;border:1px solid #e8e8e8;border:1px solid var(--border,#e8e8e8);border-radius:12px;padding:1.5rem;transition:transform .2s,box-shadow .2s}.maker-card:hover{box-shadow:0 10px 20px #0000001a;transform:translateY(-4px)}.maker-header{gap:1rem;margin-bottom:1rem}.maker-avatar,.maker-header{align-items:center;display:flex}.maker-avatar{background:#e8dfc8;background:var(--accent-light,#e8dfc8);border-radius:12px;color:#1a1a1a;color:var(--ink,#1a1a1a);font-size:1.25rem;font-weight:600;height:50px;justify-content:center;width:50px}.maker-info h3{font-size:1.1rem;margin-bottom:.25rem}.maker-info span{color:#6b6b6b;color:var(--faded,#6b6b6b);font-family:monospace;font-size:.8rem}.maker-card p{color:#333;font-size:.95rem;margin-bottom:1rem}.maker-stats{border-top:1px solid #e8e8e8;border-top:1px solid var(--border,#e8e8e8);display:flex;gap:1.5rem;padding-top:1rem}.maker-stats div{text-align:center}.maker-stats strong{color:#c4a35a;color:var(--accent,#c4a35a);display:block;font-size:1.1rem}.maker-stats span{color:#6b6b6b;color:var(--faded,#6b6b6b);font-size:.75rem}.tier-tabs{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.5rem 0}.tier-tab{align-items:center;background:#fff;border:1px solid #e8e8e8;border:1px solid var(--border,#e8e8e8);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;font-weight:500;gap:.25rem;padding:.75rem 1.25rem;transition:all .2s}.tier-tab.active,.tier-tab:hover{border-color:#c4a35a;border-color:var(--accent,#c4a35a)}.tier-tab.active{background:#c4a35a;background:var(--accent,#c4a35a);color:#fff}.tier-price{font-size:.75rem;opacity:.8}.tier-content{background:#f7f6f2;background:var(--paper-dark,#f7f6f2);border-radius:12px;padding:1.5rem}.tier-content ul{margin:0;padding-left:1.5rem}.tier-content li{color:#333;margin-bottom:.75rem}.faq-item{overflow:hidden}.faq-question{align-items:center;background:none;border:none;color:#1a1a1a;color:var(--ink,#1a1a1a);cursor:pointer;display:flex;font-family:inherit;font-size:1rem;font-weight:600;justify-content:space-between;padding:1.25rem;text-align:left;transition:background .2s;width:100%}.faq-question:hover{background:#c4a35a0d}.faq-question span:first-child{flex:1 1;padding-right:1rem}.faq-icon{align-items:center;display:flex;flex-shrink:0;font-size:1.5rem;font-weight:300;height:24px;justify-content:center;width:24px}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.faq-item.open .faq-answer{max-height:500px}.faq-answer-inner{padding:0 1.25rem 1.25rem}.faq-answer-inner p{color:#6b6b6b;color:var(--faded,#6b6b6b);line-height:1.7;margin:0}@media (max-width:768px){.feature-grid,.makers-grid{grid-template-columns:1fr}.maker-stats{gap:1rem}.tier-tabs{justify-content:center}.tier-tab{flex:1 1;min-width:140px}}.gaming-hero{background:linear-gradient(135deg,#1a1a1a,#2d2d2d)}gaming-cta{background:linear-gradient(135deg,#4a1a1a,#6d2d2d)}.game-type-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.game-type-card{border:1px solid #e8e8e8;border:1px solid var(--border,#e8e8e8);border-radius:12px}.game-icon{font-size:2.5rem;margin-bottom:.75rem}.game-examples{color:#c4a35a;color:var(--accent,#c4a35a);font-size:.9rem}.game-needs{font-size:.95rem}.gaming-pick-card{background:#fff;border:1px solid #e8e8e8;border:1px solid var(--border,#e8e8e8);border-radius:12px;margin-bottom:1.5rem}.gaming-badge{background:#1a1a1a;background:var(--ink,#1a1a1a);border-radius:4px;color:#fff;font-size:.8rem}.gaming-desc{color:#6b6b6b;color:var(--faded,#6b6b6b);margin-bottom:1rem}.specs-row{gap:.75rem}.spec-pill{background:#f7f6f2;background:var(--paper-dark,#f7f6f2);font-size:.85rem;padding:.5rem 1rem}.pros-cons-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.cons-box,.pros-box{background:#ffffff0d}.pros-box{border-left:4px solid #22c55e}.cons-box{border-left:4px solid #ef4444}.cons-box h4,.pros-box h4{font-size:.9rem;letter-spacing:.05em;margin-bottom:.75rem;text-transform:uppercase}.pros-box h4{color:#22c55e}.cons-box h4{color:#ef4444}.cons-box ul,.pros-box ul{padding-left:1.25rem}.cons-box li,.pros-box li{font-size:.95rem;margin-bottom:.5rem}.best-for{background:#f7f6f2;background:var(--paper-dark,#f7f6f2);padding:1rem}.specs-explained{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:1.5rem 0}.spec-item{background:#fff;border:1px solid #e8e8e8;border:1px solid var(--border,#e8e8e8);border-radius:8px;padding:1.5rem}.quick-picks-section{margin:2rem 0}.recommendation-card{grid-gap:1.5rem;background:#fff;border:1px solid #e8e8e8;border:1px solid var(--border,#e8e8e8);border-radius:12px;display:grid;gap:1.5rem;grid-template-columns:auto 1fr;margin-bottom:1.5rem;padding:1.5rem}.recommendation-card.compact{grid-template-columns:1fr}.rec-badge{background:#c4a35a;background:var(--accent,#c4a35a);border-radius:4px;color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.5rem 1rem;text-transform:uppercase}.rec-badge.alt{background:#6b6b6b;background:var(--faded,#6b6b6b)}.rec-badge.bronze{background:#cd7f32}.rec-content h3{font-size:1.35rem;margin-bottom:.5rem}.rec-price{color:#c4a35a;color:var(--accent,#c4a35a);font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.rec-specs{color:#6b6b6b;color:var(--faded,#6b6b6b);font-size:.9rem;margin-bottom:1rem}.rec-why{background:#f7f6f2;background:var(--paper-dark,#f7f6f2);border-radius:8px;font-size:.95rem;margin-bottom:1rem;padding:1rem}.comparison-table-wrapper{margin:1.5rem 0;overflow-x:auto}.comparison-table{border-collapse:collapse;font-size:.95rem;width:100%}.comparison-table th{background:#1a1a1a;background:var(--ink,#1a1a1a);color:#fff;font-weight:600;padding:1rem;text-align:left}.comparison-table td{border-bottom:1px solid #e8e8e8;border-bottom:1px solid var(--border,#e8e8e8);padding:.875rem 1rem}.comparison-table tr:hover{background:#f7f6f2;background:var(--paper-dark,#f7f6f2)}.use-case-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:1.5rem 0}.use-case-card{background:#f7f6f2;background:var(--paper-dark,#f7f6f2);border-left:4px solid #c4a35a;border-left:4px solid var(--accent,#c4a35a);border-radius:0 8px 8px 0;padding:1.25rem}.use-case-card h4{color:#c4a35a;color:var(--accent,#c4a35a);margin-bottom:.5rem}.use-case-card p{font-size:.95rem;margin:0}.keystroke-stats{display:flex;flex-wrap:wrap;gap:1rem;margin:1.5rem 0}.stat-item{align-items:center;background:#f7f6f2;background:var(--paper-dark,#f7f6f2);border:1px solid #e8e8e8;border:1px solid var(--border,#e8e8e8);border-radius:8px;display:flex;flex:1 1;justify-content:space-between;min-width:200px;padding:1rem 1.5rem}.stat-item code{color:#c4a35a;color:var(--accent,#c4a35a);font-size:.9rem;font-weight:600}.problem-statement{background:#fef3c7;border-left:4px solid #f59e0b;border-radius:0 8px 8px 0;margin:1.5rem 0;padding:1rem 1.5rem}.language-switches{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:1.5rem 0}.lang-card{background:#fff;border:1px solid #e8e8e8;border:1px solid var(--border,#e8e8e8);border-radius:12px;padding:1.5rem}.lang-card h4{color:#c4a35a;color:var(--accent,#c4a35a);font-size:1.1rem;margin-bottom:.75rem}.lang-card p{font-size:.95rem;margin-bottom:1rem}.programmable-features{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:1.5rem 0}.feature-item{background:#f7f6f2;background:var(--paper-dark,#f7f6f2);border-radius:8px;padding:1.25rem}.feature-item h4{color:#1a1a1a;color:var(--ink,#1a1a1a);margin-bottom:.5rem}.feature-item p{color:#6b6b6b;color:var(--faded,#6b6b6b);font-size:.95rem;margin:0}.keyboard-visual{background:#1a1a1a;background:var(--ink,#1a1a1a);border-radius:12px;margin:1.5rem 0;overflow-x:auto;padding:2rem}.key-row{gap:4px;margin-bottom:4px}.key,.key-row{display:flex;justify-content:center}.key{align-items:center;background:#3a3a3a;border-radius:4px;color:#fff;font-size:.75rem;font-weight:500;height:40px;min-width:40px}.key.wide{min-width:60px}.key.ultra-wide{min-width:100px}.layout-note{color:#6b6b6b;color:var(--faded,#6b6b6b);font-size:.95rem;margin-top:1.5rem;text-align:center}.fit-check{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:1.5rem 0}.fit-bad,.fit-good{background:#f7f6f2;background:var(--paper-dark,#f7f6f2);border-radius:12px;padding:1.5rem}.fit-good{border-left:4px solid #22c55e}.fit-bad{border-left:4px solid #ef4444}.fit-bad h3,.fit-good h3{margin-bottom:1rem}.fit-good h3{color:#22c55e}.fit-bad h3{color:#ef4444}.checkmark{color:#22c55e}.checkmark,.xmark{font-weight:700;margin-right:.5rem}.xmark{color:#ef4444}.warning-box{background:#fef3c7;border-left:4px solid #f59e0b;border-radius:0 12px 12px 0;margin:2rem 0;padding:1.5rem}.warning-box h3{color:#f59e0b;margin-bottom:.75rem}.warning-note{color:#6b6b6b;color:var(--faded,#6b6b6b);font-size:.95rem;margin-top:1rem}.tips-list{margin:1.5rem 0}.tips-list.enhanced .tip-item{align-items:flex-start;background:#f7f6f2;background:var(--paper-dark,#f7f6f2);border-radius:8px;display:flex;gap:1rem;margin-bottom:1rem;padding:1rem}.tip-number{align-items:center;background:#c4a35a;background:var(--accent,#c4a35a);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:600;height:32px;justify-content:center;width:32px}.timeline-container{border-left:3px solid #c4a35a;border-left:3px solid var(--accent,#c4a35a);margin:2rem 0;padding-left:2rem}.timeline-item-enhanced{margin-bottom:2.5rem;padding-left:2rem;position:relative}.timeline-item-enhanced:before{border:3px solid #fff;border:3px solid var(--paper,#fff);border-radius:50%;content:"";height:16px;left:-2.4rem;position:absolute;top:.25rem;width:16px}.timeline-item-enhanced:before,.timeline-number{background:#c4a35a;background:var(--accent,#c4a35a)}.timeline-number{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:1.1rem;font-weight:700;height:32px;justify-content:center;margin-bottom:.75rem;width:32px}.timeline-content h3{margin-bottom:.5rem}.timeline-badge{background:#f7f6f2;background:var(--paper-dark,#f7f6f2);border-radius:4px;color:#6b6b6b;color:var(--faded,#6b6b6b);display:inline-block;font-size:.8rem;margin-top:.75rem;padding:.25rem .75rem}.gb-table-wrapper{margin:1.5rem 0;overflow-x:auto}.gb-type-table{border-collapse:collapse;font-size:.9rem;width:100%}.gb-type-table th{background:#1a1a1a;background:var(--ink,#1a1a1a);color:#fff;font-weight:600;padding:1rem;text-align:left;white-space:nowrap}.gb-type-table td{border-bottom:1px solid #e8e8e8;border-bottom:1px solid var(--border,#e8e8e8);padding:1rem}.gb-type-table tr:hover{background:#f7f6f2;background:var(--paper-dark,#f7f6f2)}.risk-badge{border-radius:4px;display:inline-block;font-size:.8rem;font-weight:600;padding:.25rem .75rem}.risk-low{background:#dcfce7;color:#166534}.risk-lowmedium,.risk-medium{background:#fef3c7;color:#92400e}.platform-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:1.5rem 0}.platform-card{background:#fff;border:1px solid #e8e8e8;border:1px solid var(--border,#e8e8e8);border-radius:12px;padding:1.5rem;transition:transform .2s,box-shadow .2s}.platform-card:hover{box-shadow:0 10px 20px #0000001a;transform:translateY(-4px)}.platform-card h3{font-size:1.1rem;margin-bottom:.75rem}.platform-timeline{color:#c4a35a;color:var(--accent,#c4a35a);display:block;font-size:.9rem;font-weight:500;margin-top:1rem}.styled-list{margin:1rem 0;padding-left:1.5rem}.styled-list li{margin-bottom:.75rem}.size-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:1.5rem 0}.size-card{background:#fff;border:1px solid #e8e8e8;border:1px solid var(--border,#e8e8e8);border-radius:12px;transition:box-shadow .2s}.size-card:hover{box-shadow:0 4px 12px #0000001a}.size-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.size-card-header h3{font-size:1.5rem;margin:0}.size-keys{background:#c4a35a;background:var(--accent,#c4a35a);border-radius:4px;color:#fff;font-size:.85rem;font-weight:500;padding:.35rem .75rem}.size-visual{background:#1a1a1a;background:var(--ink,#1a1a1a);border-radius:8px;margin:1rem;padding:1rem;text-align:center}.size-bar{background:linear-gradient(90deg,#c4a35a,#e8d5a3);border-radius:4px;height:24px;margin-bottom:.5rem}.size-label{color:#c4a35a;color:var(--accent,#c4a35a);font-size:.9rem;font-weight:500}.size-details{margin-top:1.5rem}.size-details .examples{border-top:1px solid #e8e8e8;border-top:1px solid var(--border,#e8e8e8);font-size:.9rem;margin-top:1rem;padding-top:1rem}.keycap-sizes{margin:2rem 0}.keycap-size-item{align-items:center;border-bottom:1px solid #e8e8e8;border-bottom:1px solid var(--border,#e8e8e8);display:flex;gap:1.5rem;padding:1rem 0}.keycap-visual-wrapper{flex:1 1;min-width:150px}.keycap-visual{align-items:center;background:#1a1a1a;background:var(--ink,#1a1a1a);border-radius:4px;display:flex;height:40px;justify-content:center}.keycap-text{color:#fff;font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.keycap-width{color:#1a1a1a;color:var(--ink,#1a1a1a);font-weight:600;width:80px}.keycap-percent{color:#6b6b6b;color:var(--faded,#6b6b6b);font-size:.9rem;width:60px}.comparison-simple{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:1.5rem 0}.compare-item{background:#fff;border:1px solid #e8e8e8;border:1px solid var(--border,#e8e8e8);border-radius:12px;padding:1.5rem;text-align:center}.compare-item h4{font-size:1.3rem;margin-bottom:.75rem}.compare-item .verdict{border-top:1px solid #e8e8e8;border-top:1px solid var(--border,#e8e8e8);color:#c4a35a;color:var(--accent,#c4a35a);display:block;font-weight:500;margin-top:1rem;padding-top:1rem}.faq-list{margin:1.5rem 0}.faq-item{background:#fff;border:1px solid #e8e8e8;border:1px solid var(--border,#e8e8e8);border-radius:8px;margin-bottom:1rem}.faq-item summary{cursor:pointer;font-weight:600;list-style:none;padding:1rem 1.25rem}.faq-item summary::-webkit-details-marker{display:none}.faq-item p{color:#6b6b6b;color:var(--faded,#6b6b6b);font-size:.95rem;margin:0;padding:0 1.25rem 1.25rem}.profile-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:1.5rem 0}.profile-card{background:#fff;border:1px solid #e8e8e8;border:1px solid var(--border,#e8e8e8);border-radius:12px;padding:1.5rem;transition:transform .2s,box-shadow .2s}.profile-card:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-4px)}.profile-header{gap:1rem;margin-bottom:1rem}.profile-header,.profile-icon{align-items:center;display:flex}.profile-icon{background:#1a1a1a;background:var(--ink,#1a1a1a);border-radius:8px;color:#c4a35a;color:var(--accent,#c4a35a);font-size:1.5rem;height:48px;justify-content:center;width:48px}.profile-header h3{font-size:1.3rem;margin:0}.profile-badge{background:#f7f6f2;background:var(--paper-dark,#f7f6f2);border-radius:4px;color:#6b6b6b;color:var(--faded,#6b6b6b);font-size:.8rem;margin-left:auto;padding:.35rem .75rem}.profile-desc{color:#1a1a1a;color:var(--ink,#1a1a1a);font-size:.95rem;margin-bottom:1rem}.profile-specs{background:#f7f6f2;background:var(--paper-dark,#f7f6f2);border-radius:8px;display:flex;flex-direction:column;font-size:.9rem;gap:.5rem;margin-bottom:1rem;padding:1rem}.profile-specs div{color:#6b6b6b;color:var(--faded,#6b6b6b)}.profile-details p{font-size:.9rem;margin-bottom:.5rem}.profile-cons{color:#ef4444}.comparison-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:1.5rem 0}.compare-card{background:#fff;border:1px solid #e8e8e8;border:1px solid var(--border,#e8e8e8);border-radius:12px;padding:1.5rem}.compare-card h3{color:#1a1a1a;color:var(--ink,#1a1a1a);margin-bottom:1rem}.compare-card p{color:#6b6b6b;color:var(--faded,#6b6b6b);margin-bottom:1rem}.compare-card ul{padding-left:1.25rem}.compare-card li{margin-bottom:.5rem}.materials-table{margin:1.5rem 0}.makers-table-wrapper{margin:1.5rem 0;overflow-x:auto}.recommendation-list{margin:1.5rem 0}.rec-line{align-items:flex-start;border-bottom:1px solid #e8e8e8;border-bottom:1px solid var(--border,#e8e8e8);display:flex;gap:1rem;padding:1rem 0}.rec-label{color:#1a1a1a;color:var(--ink,#1a1a1a);font-weight:600;min-width:100px}.rec-value{color:#6b6b6b;color:var(--faded,#6b6b6b)}.note-box{background:#eff6ff;border-left:4px solid #3b82f6;border-radius:0 8px 8px 0;margin:1.5rem 0;padding:1rem 1.5rem}.platform-card{position:relative}.platform-type{background:#c4a35a;background:var(--accent,#c4a35a);border-radius:4px;color:#fff;display:inline-block;font-size:.75rem;margin-bottom:.75rem;padding:.25rem .5rem}.platform-card p{color:#6b6b6b;color:var(--faded,#6b6b6b);font-size:.95rem;margin-bottom:1rem}.platform-tip{background:#c4a35a1a;border-radius:6px;font-size:.85rem;padding:.75rem}.scam-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:1.5rem 0}.scam-item{background:#fff;border-left:4px solid #ef4444;border-radius:0 8px 8px 0;padding:1rem 1.25rem}.scam-item h4{color:#ef4444;font-size:1rem;margin-bottom:.5rem}.scam-item p{color:#6b6b6b;color:var(--faded,#6b6b6b);font-size:.9rem;margin:0}.warning-intro{font-size:1.1rem;margin-bottom:1rem}.safety-tip{background:#dcfce7;border-left:4px solid #22c55e;border-radius:0 8px 8px 0;font-size:.95rem;margin-top:1.5rem;padding:1rem 1.25rem}.maker-info-panel{background:#f7f6f2;background:var(--paper-dark,#f7f6f2);border-radius:12px;padding:2rem}.maker-steps{margin:1.5rem 0;padding-left:1.5rem}.maker-steps li{line-height:1.6;margin-bottom:1rem}.maker-note{border-top:1px solid #e8e8e8;border-top:1px solid var(--border,#e8e8e8);color:#6b6b6b;color:var(--faded,#6b6b6b);font-style:italic;margin-top:1.5rem;padding-top:1.5rem}@media (max-width:768px){.profile-grid,.size-cards{grid-template-columns:1fr}.keycap-size-item{align-items:flex-start;flex-direction:column}.keycap-visual-wrapper{width:100%}.scam-list{grid-template-columns:1fr}}.gaming-hero{background:linear-gradient(135deg,#c4a35a,#8b7b52);background:linear-gradient(135deg,var(--accent,#c4a35a) 0,#8b7b52 100%);color:#fff}.gaming-hero .guide-intro,.gaming-hero h1{color:#fff}.game-type-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:1.5rem 0}.game-type-card{background:#f7f6f2;background:var(--paper-dark,#f7f6f2);border-radius:8px;padding:1.5rem;text-align:center}.game-icon{font-size:2rem;margin-bottom:.5rem}.game-examples{color:#6b6b6b;color:var(--faded,#6b6b6b);font-size:.875rem;margin:.5rem 0}.game-needs{font-size:.875rem;margin-top:.75rem}.gaming-pick-card{borderRadius:12px;background:#f7f6f2;background:var(--paper-dark,#f7f6f2);margin:2rem 0;padding:2rem}.pick-header{margin-bottom:1rem}.gaming-badge{border-radius:20px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.5rem 1rem;text-transform:uppercase}.gaming-badge:has-text("BEST OVERALL"){background:linear-gradient(135deg,#c4a35a,#8b7b52);color:#fff}.gaming-badge:has-text("BEST VALUE"){background:#22c55e;color:#fff}.gaming-badge:has-text("MMO PICK"){background:#8b5cf6;color:#fff}.gaming-desc{font-size:1.1rem;line-height:1.7;margin:1rem 0}.specs-row{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.spec-pill{background:#fff;border:1px solid #e8e8e8;border:1px solid var(--border,#e8e8e8);border-radius:20px;font-size:.875rem;padding:.5rem .75rem}.pros-cons-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin:1.5rem 0}.cons-box,.pros-box{border-radius:8px;padding:1.5rem}.pros-box{background:#f0fdf4;border:1px solid #bbf7d0}.cons-box{background:#fef2f2;border:1px solid #fecaca}.pros-box h4{color:#166534;margin-bottom:1rem}.cons-box h4{color:#991b1b;margin-bottom:1rem}.cons-box ul,.pros-box ul{margin:0;padding-left:1.5rem}.best-for{background:#fefce8;border-left:4px solid #eab308;border-radius:8px;margin-top:1.5rem;padding:1rem 1.5rem}.gaming-cta{background:linear-gradient(135deg,#1a1a1a,#333);color:#fff;padding:3rem 2rem}.gaming-cta h2,.gaming-cta p{color:#fff}.keycap-comparison{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:1.5rem 0}.keycap-type{background:#f7f6f2;background:var(--paper-dark,#f7f6f2);border-radius:8px;padding:1.5rem}.keycap-type h4{color:#c4a35a;color:var(--accent,#c4a35a);margin-bottom:1rem}.mistakes-list{display:flex;flex-direction:column;gap:1.5rem;margin:1.5rem 0}.mistake-item{background:#fef2f2;border-left:4px solid #ef4444;border-radius:0 8px 8px 0;padding:1.5rem}.mistake-item h4{color:#991b1b;margin-bottom:.75rem}.buyer-options{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:1.5rem 0}.buyer-type{background:#f7f6f2;background:var(--paper-dark,#f7f6f2);border-radius:8px;padding:1.5rem}.buyer-type h4{font-size:1rem;margin-bottom:1rem}.guide-page{display:flex;flex-direction:column;min-height:100vh}.guide-content{flex:1 1;margin:0 auto;max-width:800px;padding:2rem 1rem}.guide-content h1{color:#1a1a1a;font-family:serif;font-size:2.5rem;margin-bottom:1rem}.guide-content h2{border-bottom:2px solid #c4a35a;color:#1a1a1a;font-size:1.5rem;margin-bottom:1rem;margin-top:3rem;padding-bottom:.5rem}.guide-content h3{color:#2d2d2d;font-size:1.25rem;margin-bottom:.75rem;margin-top:2rem}.guide-content h4{color:#c4a35a;font-size:1rem;margin-bottom:.5rem}.guide-content p{color:#6b6b6b;line-height:1.7;margin-bottom:1rem}.guide-content ul{margin-bottom:1.5rem;padding-left:1.5rem}.guide-content li{color:#6b6b6b;line-height:1.7;margin-bottom:.5rem}.guide-content strong{color:#1a1a1a;font-weight:600}.intro{color:#4a4a4a;font-size:1.125rem;margin-bottom:2rem}.size-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:1.5rem 0}.size-card{background:#f5f4f0;border:1px solid #e0ddd5;border-radius:.75rem;padding:1.5rem}.size-card h3{color:#c4a35a;margin-bottom:.5rem;margin-top:0}.size-card p{font-size:.875rem;margin-bottom:.75rem}.size-card ul{font-size:.875rem;padding-left:1rem}.size-card li{margin-bottom:.25rem}.checklist{list-style:none;padding-left:0}.checklist li{border-bottom:1px solid #e0ddd5;font-size:1rem;padding:.75rem 0}.checklist li:first-child{border-top:1px solid #e0ddd5}.mistakes{display:flex;flex-direction:column;gap:1.5rem;margin:1.5rem 0}.mistake{background:#fff5f5;border-left:4px solid #ef4444;border-radius:0 .5rem .5rem 0;padding:1rem 1.5rem}.mistake h4{color:#dc2626;margin:0 0 .5rem}.mistake p{color:#166534;font-weight:500;margin:0}.mistake p:before{content:"✓ "}.glossary-list{display:flex;flex-direction:column;gap:1.5rem}.glossary-item{background:#f5f4f0;border:1px solid #e0ddd5;border-radius:.75rem;padding:1.5rem}.glossary-item h3{color:#c4a35a;font-size:1.125rem;margin:0 0 .5rem}.glossary-item p{color:#6b6b6b;margin:0}@media (max-width:768px){.guide-content{padding:1rem}.guide-content h1{font-size:2rem}.size-grid{grid-template-columns:1fr}}.blog-post-container{margin:0 auto;max-width:1200px;padding:2rem}.blog-hero-image{border-radius:12px;box-shadow:0 4px 20px #0000001a;margin:2rem 0;overflow:hidden;width:100%}.blog-hero-image img{border-radius:12px;display:block;height:auto;max-height:500px;object-fit:cover;width:100%}@media (max-width:640px){.blog-hero-image{border-radius:8px;margin:1.5rem 0}.blog-hero-image img{border-radius:8px;max-height:300px}}.blog-breadcrumbs{color:var(--text-secondary);font-size:.875rem;margin-bottom:1.5rem}.blog-breadcrumbs a{color:var(--accent);text-decoration:none}.blog-breadcrumbs a:hover{text-decoration:underline}.blog-breadcrumbs .current{color:var(--text-secondary)}.blog-breadcrumbs span{margin:0 .5rem}.blog-header{border-bottom:1px solid var(--border);margin-bottom:3rem;padding-bottom:2rem}.blog-meta{align-items:center;color:var(--text-secondary);display:flex;font-size:.875rem;gap:.75rem;margin-bottom:1rem}.blog-category{background:var(--accent);border-radius:20px;color:#fff;font-weight:500;padding:.25rem .75rem}.blog-dot{color:var(--text-secondary)}.blog-title{color:var(--text-primary);font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:1rem}.blog-description{color:var(--text-secondary);font-size:1.25rem;line-height:1.6;margin-bottom:1rem}.blog-author{color:var(--text-secondary);font-size:.875rem}.author-name{color:var(--accent);font-weight:600}.blog-content-wrapper{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 320px}.blog-content{word-wrap:break-word;font-size:1.125rem;line-height:1.8;max-width:100%;overflow-wrap:break-word;overflow-x:hidden;width:100%;word-break:break-word}.blog-content>*{box-sizing:border-box;max-width:100%}.blog-content img{border-radius:8px;height:auto;margin:1.5rem 0;max-width:100%}.blog-content code,.blog-content pre{max-width:100%;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.blog-content h2{font-size:1.75rem;font-weight:700;margin-bottom:1rem;margin-top:2.5rem}.blog-content h2,.blog-content h3{color:var(--text-primary);max-width:100%}.blog-content h3{font-size:1.25rem;font-weight:600;margin-bottom:.75rem;margin-top:2rem}.blog-content ol,.blog-content p,.blog-content ul{margin-bottom:1.5rem;max-width:100%}.blog-content ol,.blog-content ul{padding-left:1.5rem}.blog-content li{margin-bottom:.5rem}.highlight-box,.info-box,.tldr-box{background:var(--bg-elevated);border-left:4px solid var(--accent);border-radius:0 8px 8px 0;box-sizing:border-box;margin:2rem 0;max-width:100%;padding:1.5rem}.tldr-box{background:var(--bg-success);border-left-color:var(--success)}.highlight-box.warning{background:var(--bg-warning);border-left-color:var(--warning)}.highlight-box.info{background:var(--bg-info);border-left-color:var(--info)}.blog-content table,.comparison-table,.verdict-table{border-collapse:collapse;max-width:100%;width:100%}.comparison-table,.verdict-table{font-size:1rem;margin:2rem 0;table-layout:fixed}.comparison-table th,.verdict-table th{background:var(--bg-elevated);border-bottom:2px solid var(--border);color:var(--text-primary);font-weight:600;padding:1rem;text-align:left}.comparison-table td,.verdict-table td{border-bottom:1px solid var(--border);padding:1rem;vertical-align:top}.comparison-table tr:nth-child(2n),.verdict-table tr:nth-child(2n){background:var(--bg-elevated)}.table-container{-webkit-overflow-scrolling:touch;margin:2rem 0;overflow-x:auto}.table-container .comparison-table,.table-container .verdict-table{margin:0;min-width:500px}.product-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;box-sizing:border-box;display:flex;gap:1.5rem;margin:1.5rem 0;max-width:100%;padding:1.5rem;transition:transform .2s,box-shadow .2s}.product-card:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}.product-card-image{background:var(--border);border-radius:8px;height:100px;object-fit:cover;width:150px}.product-card-info{flex:1 1}.product-card-info h4{color:var(--text-primary);font-size:1.125rem;margin:0 0 .5rem}.product-card-info .price{color:var(--success);font-size:1.25rem;font-weight:700;margin:.5rem 0}.product-card-info .features{color:var(--text-secondary);font-size:.875rem;line-height:1.6;margin:.5rem 0}.product-card-info .cta-button{background:var(--accent);border-radius:6px;color:#fff;display:inline-block;font-weight:600;margin-top:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:background .2s}.product-card-info .cta-button:hover{background:var(--accent-hover)}.blog-sidebar{height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:2rem}.sidebar-section{background:var(--bg-elevated);border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.sidebar-section h3{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:1rem}.related-articles{list-style:none;margin:0;padding:0}.related-articles li{margin-bottom:.75rem}.related-articles a{color:var(--text-secondary);font-size:.875rem;text-decoration:none;transition:color .2s}.related-articles a:hover{color:var(--accent)}.sidebar-cta{background:linear-gradient(135deg,var(--accent),var(--accent-dark));border-radius:12px;color:#fff;padding:1.5rem}.sidebar-cta h3{font-size:1rem;font-weight:600;margin-bottom:.5rem}.sidebar-cta p{font-size:.875rem;margin-bottom:1rem;opacity:.9}.sidebar-button{background:#fff;border-radius:6px;color:var(--accent);display:block;font-weight:600;padding:.75rem 1rem;text-align:center;text-decoration:none;transition:transform .2s}.sidebar-button:hover{transform:scale(1.02)}.mobile-related{border-top:1px solid var(--border);display:none;margin-top:3rem;padding-top:2rem}.mobile-related h3{font-size:1.25rem;font-weight:600;margin-bottom:1rem}.mobile-related ul{list-style:none;padding:0}.mobile-related li{margin-bottom:.75rem}.mobile-related a{color:var(--accent);text-decoration:none}.switch-badge{border-radius:4px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-right:.5rem;padding:.25rem .75rem;text-transform:uppercase}.switch-linear{background:#dbeafe;color:#1e3a8a}.switch-tactile{background:#f3e8ff;color:#6b21a8}.switch-clicky{background:#fef3c7;color:#92400e}.grade-a{color:#27ae60;font-weight:700}.grade-b{color:#3498db;font-weight:700}.grade-c{color:#f39c12;font-weight:700}.grade-d{color:#e74c3c;font-weight:700}@media (max-width:960px){.blog-content-wrapper{grid-template-columns:1fr}.blog-sidebar{display:none}.mobile-related{display:block}.blog-title{font-size:1.75rem}.blog-description{font-size:1.125rem}.blog-content{font-size:1.0625rem}.blog-content h2{font-size:1.5rem}.blog-content h3{font-size:1.125rem}}@media (max-width:640px){.blog-post-container{padding:1rem}.blog-breadcrumbs{font-size:.8125rem;overflow-x:auto;padding-bottom:.5rem;white-space:nowrap}.product-card{flex-direction:column;padding:1rem}.product-card-image{height:180px;width:100%}.blog-meta{flex-wrap:wrap;font-size:.8125rem;gap:.5rem}.blog-meta .blog-dot{display:none}.blog-meta span:not(.blog-category),.blog-meta time{display:inline}.blog-title{font-size:1.5rem;line-height:1.25}.blog-content,.blog-description{font-size:1rem}.blog-content{line-height:1.7}.blog-content h2{font-size:1.375rem;margin-top:2rem}.blog-content h3{font-size:1.125rem}.blog-content p{margin-bottom:1.25rem}.blog-content ol,.blog-content ul{padding-left:1.25rem}.highlight-box,.info-box,.tldr-box{margin:1.5rem 0;padding:1rem}.comparison-table,.verdict-table{font-size:.875rem}.comparison-table td,.comparison-table th,.verdict-table td,.verdict-table th{padding:.75rem .5rem}.product-card-info h4{font-size:1rem}.product-card-info .price{font-size:1.125rem}.product-card-info .cta-button{font-size:.9375rem;padding:.625rem 1.25rem}}.blog-product-card{cursor:pointer;transition:transform .2s,box-shadow .2s}.blog-product-card:hover{box-shadow:0 12px 28px #00000026;transform:translateY(-3px)}.blog-product-card .vendor-badge{color:#c4a35a;color:var(--accent,#c4a35a);display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.blog-product-card .product-name{font-size:1rem;line-height:1.3;margin:0 0 .5rem}.blog-product-card .no-image-text{color:#888;font-size:.875rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.blog-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.blog-modal{animation:modalSlideIn .3s ease;background:#fff;background:var(--bg-primary,#fff);border-radius:12px;max-height:90vh;max-width:800px;overflow-y:auto;position:relative;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.blog-modal .modal-close{background:none;border:none;color:#666;color:var(--text-secondary,#666);cursor:pointer;font-size:1.5rem;position:absolute;right:1rem;top:1rem;z-index:10}.blog-modal .modal-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;padding:2rem}.blog-modal .modal-image{align-items:center;aspect-ratio:1;background:#f5f5f5;background:var(--bg-secondary,#f5f5f5);border-radius:8px;display:flex;justify-content:center;overflow:hidden}.blog-modal .modal-image img{height:100%;object-fit:cover;width:100%}.blog-modal .modal-details{display:flex;flex-direction:column}.blog-modal .modal-vendor{color:#c4a35a;color:var(--accent,#c4a35a);font-size:.875rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.blog-modal h3{font-size:1.5rem;line-height:1.3;margin:.5rem 0}.blog-modal .modal-price{color:#27ae60;color:var(--success,#27ae60);font-size:1.5rem;font-weight:700;margin:.5rem 0}.blog-modal .modal-description{color:#666;color:var(--text-secondary,#666);line-height:1.6;margin:1rem 0}.blog-modal .modal-buy-button{background:#27ae60;background:var(--success,#27ae60);border-radius:8px;color:#fff;display:inline-block;font-weight:600;margin-top:1rem;padding:.875rem 1.5rem;text-align:center;text-decoration:none;transition:background .2s}.blog-modal .modal-buy-button:hover{background:#219a52;background:var(--success-hover,#219a52)}.blog-modal .modal-close-btn{background:#0000;border:1px solid #ddd;border:1px solid var(--border,#ddd);border-radius:8px;cursor:pointer;font-weight:500;margin-top:.75rem;padding:.875rem 1.5rem;transition:background .2s}.blog-modal .modal-close-btn:hover{background:#f5f5f5;background:var(--bg-secondary,#f5f5f5)}.blog-product-link{border-bottom:1px dotted #c4a35a;border-bottom:1px dotted var(--accent,#c4a35a);color:#c4a35a;color:var(--accent,#c4a35a);font-weight:600;text-decoration:none}.blog-product-link:hover{border-bottom-style:solid}@media (max-width:640px){.blog-modal .modal-grid{gap:1.5rem;grid-template-columns:1fr;padding:1.5rem 1rem}.blog-modal .modal-image{aspect-ratio:16/9}.blog-modal h3{font-size:1.25rem}}
/*# sourceMappingURL=main.7ece53f1.css.map*/