:root{--blog-blue-50:213 55% 97%;--blog-blue-100:213 50% 93%;--blog-blue-200:213 48% 85%;--blog-blue-300:213 45% 72%;--blog-blue-400:213 48% 55%;--blog-blue-500:213 52% 40%;--blog-blue-600:213 55% 30%;--blog-blue-700:213 55% 24%;--blog-blue-800:213 58% 19%;--blog-blue-900:213 60% 15%;--blog-green-50:271 62% 97%;--blog-green-100:271 58% 94%;--blog-green-200:271 55% 87%;--blog-green-300:271 55% 76%;--blog-green-400:271 58% 62%;--blog-green-500:271 60% 52%;--blog-green-600:271 62% 47%;--blog-green-700:271 60% 38%;--blog-green-800:271 58% 29%;--blog-green-900:271 55% 22%;--blog-title:222 40% 16%;--blog-title-muted:217 20% 32%}.blog-list-page header.mb-8 h1{color:hsl(222 47% 11%);font-weight:800;letter-spacing:-.01em}.blog-list-page header.mb-8 p{color:hsl(215 16% 40%)}.blog-card{height:100%;border:1px solid hsl(214 32% 91%);border-radius:1rem;background:white;overflow:hidden;transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease}.blog-card:hover{border-color:hsl(214 32% 82%);box-shadow:0 12px 28px hsl(222 47% 11%/.1);transform:translateY(-2px)}.blog-card-link{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}.blog-card-link:focus-visible{outline:3px solid hsl(217 91% 60%);outline-offset:-3px;border-radius:1rem}.blog-card-image{aspect-ratio:1200/630;background:hsl(214 32% 95%);overflow:hidden}.blog-card-image img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.blog-card-body{display:flex;flex:1;flex-direction:column;gap:.5rem;padding:1rem 1.125rem 1.25rem}.blog-card-meta{display:flex;align-items:center;gap:.625rem;font-size:.75rem;color:hsl(215 16% 47%);font-variant-numeric:tabular-nums}.blog-card-title{font-size:1rem;font-weight:700;line-height:1.5;color:hsl(222 47% 11%);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card:hover .blog-card-title{color:hsl(221 83% 40%)}.blog-card-description{font-size:.875rem;line-height:1.7;color:hsl(215 16% 40%);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (min-width:1024px){.blog-card--hero .blog-card-link{flex-direction:row;align-items:center}.blog-card--hero .blog-card-image{flex:0 0 58%;align-self:stretch;display:flex;align-items:center;background:hsl(222 47% 11%)}.blog-card--hero .blog-card-image img{height:auto;aspect-ratio:1200/630;-o-object-fit:contain;object-fit:contain}.blog-card--hero .blog-card-body{justify-content:center;gap:.625rem;padding:1.5rem 1.75rem}.blog-card--hero .blog-card-title{font-size:1.375rem;line-height:1.45}.blog-card--hero .blog-card-description{font-size:.9375rem;-webkit-line-clamp:3}}@media (prefers-reduced-motion:reduce){.blog-card{transition:none}.blog-card:hover{transform:none}}.blog-detail--switch .blog-content h2,.blog-detail--switch .blog-content.prose h2{border-bottom-color:hsl(var(--blog-green-200));border-bottom:2px solid hsl(var(--blog-green-200));color:hsl(var(--blog-title))}.blog-detail--switch .blog-content h3,.blog-detail--switch .blog-content.prose h3{color:hsl(var(--blog-title-muted))}.blog-detail--switch .blog-content blockquote,.blog-detail--switch .blog-content.prose blockquote{border-left-color:hsl(var(--blog-green-500));border-left:4px solid hsl(var(--blog-green-500));background:hsl(var(--blog-green-50)/.8);color:hsl(var(--blog-title-muted));border-radius:0 .5rem .5rem 0}.blog-detail--switch .blog-content table,.blog-detail--switch .blog-content.prose table{border:1px solid hsl(var(--blog-green-200));box-shadow:0 1px 3px hsl(var(--blog-green-700)/.12)}.blog-detail--switch .blog-content td,.blog-detail--switch .blog-content th,.blog-detail--switch .blog-content.prose td,.blog-detail--switch .blog-content.prose th{border:1px solid hsl(var(--blog-green-200));border-color:hsl(var(--blog-green-200));color:#000}.blog-detail--switch .blog-content th,.blog-detail--switch .blog-content.prose th{background:linear-gradient(180deg,hsl(var(--blog-green-100)) 0,hsl(var(--blog-green-200)/.8) 100%);color:hsl(var(--blog-title));font-weight:600}.blog-detail .blog-content{line-height:1.75;color:#000}.blog-detail .blog-content h2{font-size:1.5rem;margin-top:2rem;margin-bottom:.75rem;padding-bottom:.35rem;border-bottom:2px solid hsl(var(--blog-blue-200));color:hsl(var(--blog-title));font-weight:700}.blog-detail .blog-content h3{font-size:1.25rem;margin-top:1.5rem;margin-bottom:.5rem;color:hsl(var(--blog-title-muted));font-weight:700}.blog-detail .blog-content h2 code,.blog-detail .blog-content h3 code{font-family:inherit;font-size:inherit;font-weight:inherit;background:none;padding:0}.blog-detail .blog-content h2 code:after,.blog-detail .blog-content h2 code:before,.blog-detail .blog-content h3 code:after,.blog-detail .blog-content h3 code:before{content:none}.blog-detail .blog-content table{width:100%;border-collapse:collapse;font-size:.9375rem;border-radius:.5rem;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.08)}.blog-detail .blog-content td,.blog-detail .blog-content th{border:1px solid hsl(var(--blog-blue-200));padding:.6rem .85rem;text-align:left;color:#000}.blog-detail .blog-content th{background:linear-gradient(180deg,hsl(var(--blog-blue-100)) 0,hsl(var(--blog-blue-200)/.8) 100%);font-weight:600;color:hsl(var(--blog-title))}.blog-detail .blog-content blockquote{border-left:4px solid hsl(var(--blog-blue-500));padding:1rem 1.25rem;margin:1.25rem 0;background:hsl(var(--blog-blue-50)/.8);color:hsl(var(--blog-title-muted));border-radius:0 .5rem .5rem 0}.blog-detail .blog-content .blog-embedded-card{max-width:100%;margin-top:1.5rem;margin-bottom:1.5rem}.blog-detail .blog-content .blog-embedded-card--switch{max-width:18rem}.blog-detail .blog-content .blog-embedded-card--switch .aspect-square{aspect-ratio:1;max-height:8rem}.blog-detail .blog-content a{color:hsl(var(--blog-blue-600));text-decoration:underline}.blog-detail .blog-content a:hover{color:hsl(var(--blog-blue-700))}.blog-detail--switch .blog-content a{color:hsl(var(--blog-green-600))}.blog-detail--switch .blog-content a:hover{color:hsl(var(--blog-green-700))}.blog-featured-products{padding:1.5rem 0}.blog-featured-card{padding:1rem;border-radius:.75rem}.blog-featured-card h2{font-weight:600;margin-bottom:.75rem}.blog-featured-card--keyboard{border:1px solid hsl(var(--blog-blue-200));background:linear-gradient(180deg,hsl(var(--blog-blue-50)/.4) 0,white 100%)}.blog-featured-card--keyboard h2{color:hsl(var(--blog-title))}.blog-featured-card--keyboard .blog-detail-cta{color:white;background:linear-gradient(180deg,hsl(var(--blog-blue-600)) 0,hsl(var(--blog-blue-700)) 100%)}.blog-featured-card--keyboard .blog-detail-cta:hover{box-shadow:0 4px 12px hsl(var(--blog-blue-600)/.4)}.blog-featured-card--switch{border:1px solid hsl(var(--blog-green-200));background:linear-gradient(180deg,hsl(var(--blog-green-50)/.4) 0,white 100%)}.blog-featured-card--switch h2{color:hsl(var(--blog-title))}.blog-featured-card--switch .blog-detail-cta{color:white;background:linear-gradient(180deg,hsl(var(--blog-green-600)) 0,hsl(var(--blog-green-700)) 100%)}.blog-featured-card--switch .blog-detail-cta:hover{box-shadow:0 4px 12px hsl(var(--blog-green-600)/.4)}.blog-detail-cta{display:inline-block;margin-top:.75rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:.5rem;transition:opacity .2s,box-shadow .2s}.blog-detail-cta:hover{opacity:.95}.blog-related-keyboards .blog-related-heading{color:hsl(var(--blog-title));border-bottom-color:hsl(var(--blog-blue-200))}.blog-related-switches .blog-related-heading{color:hsl(var(--blog-title));border-bottom-color:hsl(var(--blog-green-200))}.blog-related-section{padding-top:.5rem}.blog-related-heading{font-size:1.35rem;font-weight:700;margin-bottom:1rem;padding-bottom:.35rem;border-bottom:2px solid}.blog-detail nav[aria-label=Breadcrumb] a{color:hsl(var(--blog-blue-600))}.blog-detail nav[aria-label=Breadcrumb] a:hover{color:hsl(var(--blog-blue-700))}.blog-detail--switch nav[aria-label=Breadcrumb] a{color:hsl(var(--blog-green-600))}.blog-detail--switch nav[aria-label=Breadcrumb] a:hover{color:hsl(var(--blog-green-700))}.blog-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;padding-top:1rem;margin-top:1rem;border-top:1px solid hsl(var(--blog-blue-200))}.blog-detail--switch .blog-actions{border-top-color:hsl(var(--blog-green-200))}.blog-actions a{font-size:.875rem;color:hsl(var(--blog-blue-600));font-weight:500}.blog-actions a:hover{color:hsl(var(--blog-blue-700));text-decoration:underline}.blog-detail--switch .blog-actions a{color:hsl(var(--blog-green-600))}.blog-detail--switch .blog-actions a:hover{color:hsl(var(--blog-green-700))}.blog-detail .blog-content h2,.blog-detail .blog-content h3{scroll-margin-top:5rem}.blog-toc{border:1px solid hsl(var(--blog-blue-200));border-radius:.75rem;background:hsl(var(--blog-blue-50)/.6);padding:1rem 1.25rem}.blog-detail--switch .blog-toc{border-color:hsl(var(--blog-green-200));background:hsl(var(--blog-green-50)/.6)}.blog-toc-summary{cursor:pointer;font-weight:700;color:hsl(var(--blog-title))}.blog-toc-list{margin-top:.75rem;padding-left:1.25rem;list-style:decimal;line-height:1.9}.blog-toc-list a{color:hsl(var(--blog-title-muted));text-decoration:none}.blog-toc-list a:hover{text-decoration:underline}.blog-toc-sublist{padding-left:1rem;list-style:none;font-size:.9375rem}.blog-related-post-card{display:flex;flex-direction:column;gap:.375rem;padding:1rem;border:1px solid hsl(var(--blog-blue-200));border-radius:.75rem;background:white;transition:box-shadow .15s}.blog-related-post-card:hover{box-shadow:0 4px 14px hsl(var(--blog-blue-700)/.15)}.blog-related-post-category{font-size:.75rem;font-weight:600;color:hsl(var(--blog-blue-700))}.blog-related-post-title{font-weight:600;color:hsl(var(--blog-title));line-height:1.4}.blog-category-chip{padding:.25rem .875rem;border:1px solid hsl(var(--blog-blue-200));border-radius:9999px;background:white;font-size:.875rem;color:hsl(var(--blog-title));transition:background-color .15s}.blog-category-chip:hover{background:hsl(var(--blog-blue-50))}.blog-category-chip--active{border-color:hsl(var(--blog-blue-700));background:hsl(var(--blog-blue-700));color:white}.blog-category-chip--active:hover{background:hsl(var(--blog-blue-800))}.blog-faq h2{font-size:1.5rem;font-weight:700;margin-bottom:1rem;padding-bottom:.35rem;border-bottom:2px solid hsl(var(--blog-blue-200));color:hsl(var(--blog-title));scroll-margin-top:5rem}.blog-faq-item{padding:.75rem 0;border-bottom:1px solid hsl(var(--blog-blue-100))}.blog-faq-item dt{font-weight:600;color:#000}.blog-faq-item dt:before{content:"Q. ";color:hsl(var(--blog-blue-700))}.blog-faq-item dd{margin-top:.375rem;line-height:1.75;color:#000}.blog-article-hero{--hero-from:#1e3a8a;--hero-to:#0b1433;--hero-pill-bg:#dbeafe;--hero-accent:#93c5fd;display:flex;align-items:center;gap:2rem;margin-bottom:2rem;padding:2.25rem 2.25rem 2rem;border-radius:1.25rem;background:linear-gradient(135deg,var(--hero-from) 0,var(--hero-to) 100%);color:white;box-shadow:0 10px 30px color-mix(in srgb,var(--hero-from) 35%,transparent)}.blog-article-hero--featured-switch{--hero-from:#6d28d9;--hero-to:#1e0b3d;--hero-pill-bg:#f3e8ff;--hero-accent:#d8b4fe}.blog-article-hero--buying-guide{--hero-from:#0f766e;--hero-to:#042f2e;--hero-pill-bg:#ccfbf1;--hero-accent:#5eead4}.blog-article-hero--comparison{--hero-from:#b45309;--hero-to:#3b1406;--hero-pill-bg:#fef3c7;--hero-accent:#fcd34d}.blog-article-hero-text{display:flex;flex:1;min-width:0;flex-direction:column;align-items:flex-start;gap:1rem}.blog-article-hero-category{padding:.25rem .875rem;border-radius:9999px;background:var(--hero-pill-bg);color:var(--hero-to);font-size:.875rem;font-weight:700;text-decoration:none}.blog-article-hero-category:hover{filter:brightness(.95)}.blog-article-hero-category:focus-visible{outline:3px solid white;outline-offset:2px}.blog-article-hero-title{font-size:1.75rem;font-weight:800;line-height:1.35;letter-spacing:-.01em;color:white;text-shadow:0 1px 2px rgb(0 0 0/.25);overflow-wrap:anywhere}.blog-article-hero-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem 1rem;font-size:.875rem;color:rgb(255 255 255/.85);font-variant-numeric:tabular-nums}.blog-article-hero-meta:before{content:"";width:.625rem;height:.625rem;border-radius:.2rem;background:var(--hero-accent)}.blog-article-hero-images{display:grid;flex:0 0 15rem;width:15rem;aspect-ratio:1;padding:.625rem;border-radius:1rem;background:white;box-shadow:0 12px 30px rgb(0 0 0/.3);gap:.375rem}.blog-article-hero-images--single{padding:1rem}.blog-article-hero-images--grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr)}.blog-article-hero-images img{width:100%;height:100%;min-height:0;-o-object-fit:contain;object-fit:contain}@media (min-width:1024px){.blog-article-hero{padding:2.75rem 2.75rem 2.5rem}.blog-article-hero-title{font-size:2.125rem}.blog-article-hero-images{flex-basis:17rem;width:17rem}}@media (max-width:639px){.blog-article-hero{flex-direction:column;align-items:stretch;gap:1.25rem;padding:1.5rem 1.25rem}.blog-article-hero-title{font-size:1.5rem}.blog-article-hero-images,.blog-article-hero-images--grid{display:flex;flex-basis:auto;width:100%;height:5.5rem;aspect-ratio:auto;padding:.5rem}.blog-article-hero-images img{flex:1;min-width:0}}