body:has(.compare-guide-shell),html:has(.compare-guide-shell){background-color:#faf9f6!important;color:#454945}.compare-guide-shell{min-height:100vh;background-color:#faf9f6;color:#454945}.compare-guide{--cg-bg:#faf9f6;--cg-ink:#292d2a;--cg-body:#454945;--cg-muted:#5c6359;--cg-accent:#758574;--cg-accent-hover:#657264;--cg-border:#eae6de;--cg-surface:#ffffff;--cg-surface-alt:#f5f3ee;--cg-terracotta:#b87958;min-width:0;background-color:transparent;color:var(--cg-body)}.dark .compare-guide-shell,.dark .compare-guide-shell .compare-guide{background-color:#faf9f6;color:#454945}.dark .compare-guide-shell .compare-faq-q,.dark .compare-guide-shell .compare-h1,.dark .compare-guide-shell .compare-h2,.dark .compare-guide-shell .compare-h3,.dark .compare-guide-shell .compare-panel-title{color:#292d2a}.compare-guide .compare-h1{max-width:48rem;font-size:1.75rem;font-weight:600;line-height:1.2;letter-spacing:-.025em;color:var(--cg-ink)}@media (min-width:640px){.compare-guide .compare-h1{font-size:2.25rem;line-height:1.15}}.compare-guide .compare-meta-line{margin-top:1rem;font-size:.875rem;color:var(--cg-muted)}.compare-guide .compare-meta-line .compare-dot{margin-inline:.5rem;color:var(--cg-border)}.compare-guide .compare-meta-note{margin-top:.5rem;font-size:.875rem;color:var(--cg-muted)}.compare-guide .compare-author-avatar{display:flex;height:2.75rem;width:2.75rem;align-items:center;justify-content:center;border-radius:9999px;background:var(--cg-surface-alt);border:1px solid var(--cg-border)}.compare-guide .compare-author-avatar,.compare-guide .compare-author-name{font-size:.875rem;font-weight:600;color:var(--cg-ink)}.compare-guide .compare-author-role{font-size:.75rem;color:var(--cg-muted)}.compare-guide .compare-hero-image{border:1px solid var(--cg-border);background:var(--cg-surface)}.compare-guide .compare-h2{margin:2.5rem 0 .875rem;scroll-margin-top:5.5rem;font-size:1.875rem;font-weight:600;line-height:2.25rem;letter-spacing:-.025em;color:var(--cg-ink)}.compare-guide .compare-h2--first{margin-top:0}.compare-guide .compare-h3{margin:1.75rem 0 .75rem;font-size:1.25rem;font-weight:600;line-height:1.75rem;color:var(--cg-ink)}.compare-guide .compare-h3--inline{margin-top:0;margin-bottom:0}.compare-guide .compare-lead{margin-bottom:1rem;color:var(--cg-body);line-height:1.75}.compare-guide .compare-intro{margin-bottom:1.5rem;color:var(--cg-body);line-height:1.75}.compare-guide .compare-intro strong{color:var(--cg-ink);font-weight:600}.compare-guide .compare-body{color:var(--cg-body);line-height:1.75}.compare-guide .compare-body strong{color:var(--cg-ink);font-weight:600}.compare-guide .compare-panel{border:1px solid var(--cg-border);border-radius:.75rem;background:var(--cg-surface);padding:1.25rem}@media (min-width:640px){.compare-guide .compare-panel{padding:1.5rem}}.compare-guide .compare-panel--lg{padding:1.5rem}@media (min-width:640px){.compare-guide .compare-panel--lg{padding:2rem}}.compare-guide .compare-panel-title{font-weight:600;color:var(--cg-ink)}.compare-guide .compare-muted-label{color:var(--cg-muted)}.compare-guide .compare-callout{margin-top:1rem;border:1px solid var(--cg-border);border-left:3px solid var(--cg-terracotta);border-radius:.5rem;background:var(--cg-surface);padding:1rem;font-size:.875rem;color:var(--cg-body);line-height:1.6}.compare-guide .compare-callout strong{color:var(--cg-ink)}.compare-guide .compare-product-block{border:1px solid var(--cg-border);border-radius:.75rem;background:var(--cg-surface)}.compare-guide .compare-btn-primary{display:inline-flex;align-items:center;justify-content:center;border-radius:.5rem;background:var(--cg-accent);padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;color:#fff;transition:background-color .15s ease}.compare-guide .compare-btn-primary:hover{background:var(--cg-accent-hover)}.compare-guide .compare-btn-secondary{display:inline-flex;align-items:center;justify-content:center;border-radius:.5rem;border:1px solid var(--cg-border);background:var(--cg-surface);padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;color:var(--cg-ink);transition:background-color .15s ease,border-color .15s ease}.compare-guide .compare-btn-secondary:hover{border-color:var(--cg-accent);background:var(--cg-surface-alt)}.compare-guide .compare-inline-link{font-weight:500;color:var(--cg-accent);text-decoration:underline;text-underline-offset:2px}.compare-guide .compare-inline-link:hover{color:var(--cg-accent-hover)}.compare-guide .compare-external-link{font-size:.875rem;font-weight:500;color:var(--cg-accent);text-underline-offset:2px}.compare-guide .compare-external-link:hover{color:var(--cg-accent-hover);text-decoration:underline}.compare-guide .compare-faq-q{font-weight:600;color:var(--cg-ink)}.compare-guide .compare-sources-divider{border-top:1px solid var(--cg-border)}.compare-guide .compare-caption{font-size:.75rem;color:var(--cg-muted)}.compare-guide .compare-image-frame{background:var(--cg-surface-alt);border:1px solid var(--cg-border)}.compare-guide .blog-toc__back{border-color:var(--cg-border);color:var(--cg-muted)}.compare-guide .blog-toc__back:hover{color:var(--cg-ink);background:var(--cg-surface);border-color:var(--cg-accent)}.compare-guide .blog-toc__eyebrow{color:var(--cg-muted)}.compare-guide .blog-toc__title{color:var(--cg-ink)}.compare-guide .blog-toc__nav{border-left-color:var(--cg-border)}.compare-guide .blog-toc__link{color:var(--cg-muted)}.compare-guide .blog-toc__link:hover{color:var(--cg-accent)}.compare-guide .blog-toc__link--active{color:var(--cg-accent)!important;font-weight:600}.compare-guide .blog-toc__link--active:before{background:var(--cg-accent)!important}.compare-guide .blog-toc__toggle{border-color:var(--cg-border);color:var(--cg-ink);box-shadow:none}.compare-guide .compare-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--cg-border);border-radius:.75rem;background:var(--cg-surface)}.compare-guide .compare-table{width:100%;min-width:880px;border-collapse:collapse;font-size:.875rem;line-height:1.55}.compare-guide .compare-table td,.compare-guide .compare-table th{padding:.75rem 1rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--cg-border)}.compare-guide .compare-table th{background:var(--cg-ink);font-weight:600;color:#faf9f6;white-space:nowrap}.compare-guide .compare-table tbody tr:nth-child(2n) td{background:var(--cg-surface-alt)}.compare-guide .compare-table tbody tr:nth-child(odd) td{background:var(--cg-surface)}.compare-guide .compare-table td{color:var(--cg-body)}.compare-guide .compare-table tbody tr:last-child td{border-bottom:none}.compare-guide .compare-table-note{margin-top:.25rem;font-size:.75rem;color:var(--cg-muted)}.compare-guide .compare-table a{font-weight:600;color:var(--cg-accent);text-decoration:none}.compare-guide .compare-table a:hover{text-decoration:underline}.compare-guide .compare-badge{display:inline-block;border-radius:9999px;padding:.125rem .5rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.compare-guide .compare-badge--official{background:color-mix(in srgb,var(--cg-accent) 14%,white);color:var(--cg-accent-hover)}.compare-guide .compare-badge--hands-on{background:color-mix(in srgb,var(--cg-accent) 22%,white);color:var(--cg-ink)}.compare-guide .compare-badge--unverified{background:color-mix(in srgb,var(--cg-terracotta) 12%,white);color:var(--cg-terracotta)}.compare-guide .compare-badge--pending{background:var(--cg-surface-alt);color:var(--cg-muted)}.compare-guide .compare-test-grid{display:grid;gap:1.5rem}@media (min-width:768px){.compare-guide .compare-test-grid--pair{grid-template-columns:1fr 1fr}}.compare-guide .compare-list{color:var(--cg-body);line-height:1.75}.compare-guide .compare-list li::marker{color:var(--cg-muted)}.compare-guide .compare-stack{display:flex;flex-direction:column;gap:1rem}.compare-guide .compare-stack--lg{gap:1.5rem}.compare-guide .compare-stack--xl{gap:2rem}.compare-guide .compare-section{margin-bottom:3.5rem;scroll-margin-top:6rem}