.cat{font-family:var(--font-ui);gap:2rem;display:grid}@media (width>=62rem){.cat{grid-template-columns:15.5rem minmax(0,1fr);align-items:start;gap:3.5rem}.cat-filters{position:sticky;top:6rem}}.cat-filters-head{justify-content:space-between;align-items:baseline;margin-bottom:.5rem;display:flex}.cat-filters h2{font-size:var(--step-1);margin:0}.cat-clear{color:var(--royal);font:600 .875rem var(--font-ui);cursor:pointer;background:0 0;border:0;padding:.25rem 0;text-decoration:underline}.cat-group{border:0;border-top:1px solid var(--rule-light);margin:0;padding:1rem 0 .75rem}.cat-group legend{float:left;width:100%;margin-bottom:.5rem;padding:0;font-size:.875rem;font-weight:650}.cat-opt{cursor:pointer;clear:both;grid-template-columns:1.25rem 1fr auto;align-items:center;gap:.6rem;padding:.4rem 0;font-size:.9375rem;display:grid}.cat-opt input{width:1.05rem;height:1.05rem;accent-color:var(--royal);margin:0}.cat-count{color:var(--slate);font-size:.8125rem}.cat-note{color:var(--slate);margin-top:.75rem;font-size:.8125rem;line-height:1.45}@media (width<=61.99rem){.cat-filters{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));column-gap:1.5rem;display:grid}.cat-filters-head,.cat-note{grid-column:1/-1}}.cat-summary{color:var(--slate);margin:0 0 1rem;font-weight:600}.cat-empty{background:var(--paper);padding:2rem}.cat-list{border-top:2px solid var(--ink);max-width:none;margin:0;padding:0;list-style:none}.cat-item{border-bottom:1px solid var(--rule-light);grid-template-columns:6.5rem minmax(0,1fr);gap:1.5rem 1.25rem;margin:0;padding:2rem 0;display:grid}.cat-item>:not(.ci-img){grid-column:2}@media (width<=30rem){.cat-item{grid-template-columns:4.5rem minmax(0,1fr);column-gap:1rem}.cat-item>.ci-specs,.cat-item>.ci-actions{grid-column:1/-1}}@media (width>=72rem){.cat-item{grid-template-columns:8rem minmax(0,1.25fr) minmax(0,1fr) 11rem;align-items:start;gap:2rem}.cat-item>:not(.ci-img){grid-column:auto}}.ci-img{aspect-ratio:4/5;background:var(--paper);grid-area:1/1;place-items:center;padding:.4rem;display:grid}.ci-img img{object-fit:contain;width:100%;height:100%}.ci-img span{color:var(--slate);text-align:center;font-size:.6875rem;line-height:1.3}.ci-kicker{color:var(--slate);margin:0 0 .35rem;font-size:.875rem}.cat-item h3{font-size:var(--step-3);font-variation-settings:"wdth" 114;margin:0 0 .35rem}.cat-item h3 a{text-decoration:none}.cat-item h3 a:hover{color:var(--royal);text-decoration:underline}.ci-items{color:var(--slate);margin:0 0 .75rem;font-size:.8125rem}.ci-summary{font-family:var(--font-text);margin:0 0 1rem;font-size:1rem}.ci-tags{flex-wrap:wrap;gap:.4rem;max-width:none;margin:0;padding:0;list-style:none;display:flex}.ci-tags li{border:1px solid var(--rule-light);border-radius:var(--radius);color:var(--ink);margin:0;padding:.25rem .55rem;font-size:.8125rem}.ci-specs{grid-template-columns:1fr 1fr;gap:.9rem 1.5rem;margin:0;display:grid}.ci-specs dt{color:var(--slate);font-size:.75rem}.ci-specs dd{margin:.15rem 0 0;font-size:.9375rem;font-weight:600}.ci-actions{align-content:start;gap:.75rem;display:grid}.ci-actions .btn{--h:2.75rem;font-size:.9375rem}@media (width<=71.99rem){.ci-actions{grid-template-columns:auto auto 1fr;align-items:center}}@media (width<=30rem){.ci-actions{grid-template-columns:1fr 1fr}.ci-actions .btn{grid-column:1/-1}}.ci-compare{cursor:pointer;align-items:center;gap:.5rem;font-size:.9375rem;display:inline-flex}.ci-compare input{width:1.1rem;height:1.1rem;accent-color:var(--royal)}.cat-compare-bar{z-index:40;background:var(--navy);color:var(--white);border-top:3px solid var(--aqua);position:fixed;bottom:0;left:0;right:0}.ccb-inner{width:min(100% - 2 * var(--gutter), var(--max));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 2rem;margin:0 auto;padding:.85rem 0;display:flex}.ccb-inner p{color:var(--grey);margin:0}.ccb-inner strong{color:var(--white)}.ccb-inner .btn{--h:2.75rem;font-size:.9375rem}.cat-compare-bar .btn.btn-primary{background:var(--aqua);color:var(--navy)}.cat-compare-bar .btn.btn-secondary{color:var(--white);border-color:var(--rule-dark)}@media (width<=40rem){.ccb-inner{gap:.5rem;padding:.6rem 0}.ccb-inner p{font-size:.8125rem}.ccb-inner .btn-row{flex-wrap:nowrap;width:100%}.ccb-inner .btn-row .btn{flex:1;width:auto}}.btn.is-disabled{opacity:.55;pointer-events:none}.cmp{font-family:var(--font-ui)}.cmp-scroll{overflow-x:auto}.cmp-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:44rem}.cmp-table th,.cmp-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--rule-light);padding:.85rem 1rem;font-size:.9375rem}.cmp-table thead th{background:var(--white);border-bottom:2px solid var(--ink);padding-top:0;position:sticky;top:0}.cmp-table tbody th{color:var(--slate);width:12rem;font-size:.875rem;font-weight:600}.cmp-corner{width:12rem;color:var(--slate);font-size:.875rem;vertical-align:bottom!important}.cmp-table select{width:100%;min-height:3rem;font:650 1.0625rem var(--font-ui);border-radius:var(--radius);background:var(--white);color:var(--ink);border:1px solid #9db0c0;padding:.5rem 2rem .5rem .75rem}.cmp-table tr.diff td{background:#eef5fc}.cmp-cta td{display:table-cell}.cmp-cta .btn{--h:2.75rem;margin-bottom:.5rem;font-size:.9375rem;display:flex}.cmp-note{color:var(--slate);margin-top:1rem;font-size:.8125rem}.cmp-img{background:var(--paper);place-items:center;height:7.5rem;margin:.75rem 0 .6rem;padding:.4rem;display:grid}.cmp-img img{object-fit:contain;width:100%;height:6.6rem}.cmp-img span{color:var(--slate);font-size:.75rem}