/* Original brand wordmarks retain their colors and proportions. */
/* Match the numbered medals on the homepage appliance picks. */
.ranking-badge,.nav-rank{position:absolute;top:-8px;left:-8px;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:900;line-height:1;color:#475569;background:#e2e8f0;box-shadow:0 1px 4px rgba(0,0,0,.25);border:2px solid #fff;z-index:2;font-variant-numeric:tabular-nums}
.ranking-badge.rank-1,.nav-rank.rank-1{background:linear-gradient(160deg,#f2c14e,#c98d0a);color:#fff}
.ranking-badge.rank-2,.nav-rank.rank-2{background:linear-gradient(160deg,#c6cdd6,#8d97a3);color:#fff}
.ranking-badge.rank-3,.nav-rank.rank-3{background:linear-gradient(160deg,#d09a5e,#9a5f22);color:#fff}
.collection>summary,.ksect .krow,.collection-nav a{position:relative}
.collection-identity{min-width:0}
.brand-lockup{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:44px;max-width:100%;margin:0 0 6px}
.brand-logo{display:block;width:180px;max-width:100%;height:44px;object-fit:contain;object-position:left center}
.brand-cafe .brand-logo{width:116px;height:46px}
.brand-lg .brand-logo{width:108px;height:44px}
.brand-kitchenaid .brand-logo{width:168px}
.brand-frigidaire .brand-logo{width:170px}
.brand-sublabel{font-size:.875rem;font-weight:650;letter-spacing:.14em;line-height:1.5;color:#111827;margin-top:1px}
.ksect .krow{gap:16px;padding:16px;background:#fff}
.ksect .ranking-badge{flex-shrink:0}
.ksect .brand-lockup{margin-bottom:6px}
.ksect .brand-logo{height:32px;width:145px}
.ksect .brand-cafe .brand-logo{width:91px;height:36px}
.ksect .brand-lg .brand-logo{width:85px;height:34px}
.ksect .brand-sublabel{font-size:.75rem}
.ksect .krow .kr{flex:0 0 20px}
.ksect .krow .kt{display:block;overflow:visible;-webkit-line-clamp:unset;line-height:1.45;margin-top:4px}
.ksect .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.collection-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.collection-nav a{display:flex;align-items:center;gap:14px;min-width:0;min-height:80px;padding:14px 18px;border-radius:12px;box-shadow:0 3px 12px #0f172a05;transition:border-color .15s,box-shadow .15s}
.collection-nav a:hover,.collection-nav a:focus-visible{border-color:#64748b;box-shadow:0 4px 16px #0f172a12}
.collection-nav .brand-lockup{min-width:0;min-height:40px;flex:1;margin:0;align-items:center}
.collection-nav .brand-logo{width:150px;max-width:100%;height:36px;object-position:center}
.collection-nav .brand-cafe .brand-logo{width:105px;height:40px}
.collection-nav .brand-lg .brand-logo{width:88px;height:38px}
.collection-nav .brand-sublabel{font-size:.75rem;line-height:1.3;letter-spacing:.12em;margin-top:0}
@media(max-width:720px){.collection-nav{grid-template-columns:repeat(2,minmax(0,1fr))}}
.wrap .ksect{padding-top:24px}
.ksect .kheading{padding:18px 20px;margin-bottom:16px;border:1px solid #334155;border-radius:12px;background:#0f172a}
.ksect .kheading .khd{margin:0;font-size:clamp(1.625rem,5vw,2rem);font-weight:900;letter-spacing:-.025em;line-height:1.2;text-transform:none;color:#fff}
.ksect .kheading .khd span{color:#93b4f8}
.ksect .kheading .ksub{margin:9px 0 0;font-size:.9375rem;line-height:1.55;color:#c6d2e4}
@media(max-width:420px){.collection>summary{gap:12px;padding:16px}.brand-logo{width:155px;height:38px}.brand-cafe .brand-logo{width:105px;height:42px}.brand-lg .brand-logo{width:98px;height:40px}.brand-kitchenaid .brand-logo,.brand-frigidaire .brand-logo{width:151px}.ksect .krow{gap:12px;padding:14px 12px}.ksect .krow .kr{display:none}.collection-nav{gap:12px}.collection-nav a{gap:8px;min-height:76px;padding:12px 10px}.collection-nav .brand-logo{height:32px}.collection-nav .brand-lg .brand-logo{width:70px;height:34px}.collection-nav .brand-cafe .brand-logo{width:84px;height:34px}.ksect .kheading{padding:18px 16px}}