.kn-listing{display:block;margin-block:20px 32px}.kn-listing-breadcrumb{display:flex;gap:8px;font-size:12px;color:var(--kn-ink);opacity:.75;margin-bottom:12px}.kn-listing-breadcrumb a{color:inherit;text-decoration:none}.kn-listing-heading{display:flex;align-items:baseline;gap:14px;margin-bottom:16px}.kn-listing-heading h1{font:600 32px/38px var(--kn-hero);margin:0;letter-spacing:0}.kn-listing-heading>span{font-size:14px;opacity:.7}.kn-listing-description{margin-bottom:16px}.kn-listing-types{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.kn-subpill{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--kn-border);border-radius:999px;background:var(--kn-surface);font-size:13px;font-weight:600;color:var(--kn-ink);text-decoration:none}.kn-subpill span{font-weight:400;opacity:.75}.kn-subpill-active{background:var(--kn-ink);color:var(--kn-inverse);border-color:var(--kn-ink)}.kn-listing-layout{display:grid;grid-template-columns:264px minmax(0,1fr);gap:20px;align-items:start}.kn-listing-no-sidebar{grid-template-columns:minmax(0,1fr)}.kn-listing-no-sidebar>form{display:none}.kn-listing-sidebar{padding:16px;position:sticky;top:12px;max-height:calc(100dvh - 24px);overflow-y:auto}.kn-filter-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:8px;border-bottom:1px solid var(--kn-border)}.kn-filter-header h2{font-size:18px}.kn-filter-header a,.kn-filter-more summary{font-size:13px;color:var(--kn-link);font-weight:600}.kn-filter-group{margin:16px 0;padding:0 0 12px;border:0;border-bottom:1px solid var(--kn-border)}.kn-filter-group legend{padding:0 0 6px;font-size:14px;font-weight:700}.kn-filter-option{display:flex;align-items:center;gap:10px;min-height:32px;font-size:14px;cursor:pointer}.kn-filter-option input{width:18px;height:18px;margin:0;accent-color:var(--kn-ink);flex:none}.kn-filter-option span{flex:1}.kn-filter-option small{font-size:12px;opacity:.6}.kn-filter-unavailable{opacity:.45;cursor:default}.kn-filter-more summary{cursor:pointer;margin-block:6px}.kn-price-range{display:flex;gap:8px}.kn-price-range label{flex:1;min-width:0;font-size:12px}.kn-price-range input{display:block;width:100%;padding:8px;min-height:36px;border:1px solid var(--kn-border);border-radius:4px;background:var(--kn-surface);color:var(--kn-ink);font:inherit;margin-top:4px}.kn-listing-results{min-width:0;display:flex;flex-direction:column;gap:12px}.kn-listing-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 12px}.kn-listing-toolbar>strong{font-size:14px}.kn-active-filters{display:flex;flex-wrap:wrap;gap:6px;flex:1}.kn-filter-chip{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:4px 10px;border:1px solid var(--kn-border);border-radius:4px;background:var(--kn-surface);font:inherit;font-size:13px;color:var(--kn-ink);text-decoration:none;cursor:pointer}.kn-filter-chip:hover{border-color:var(--kn-ink)}.kn-sort{display:flex;align-items:center;gap:8px;font-size:13px;margin-left:auto}.kn-sort-picker{position:relative}.kn-sort-picker>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:36px;padding:0 8px;border:1px solid var(--kn-border);border-radius:4px;cursor:pointer;list-style:none}.kn-sort-picker summary::-webkit-details-marker{display:none}.kn-sort-options{position:absolute;right:0;top:calc(100% + 4px);min-width:200px;z-index:5;background:var(--kn-surface);padding:6px;border:1px solid var(--kn-border);border-radius:var(--kn-radius);box-shadow:0 6px 20px color-mix(in srgb,var(--kn-ink) 15%,transparent)}.kn-sort-options button{display:block;width:100%;padding:10px;border:0;border-radius:4px;text-align:left;background:transparent;color:var(--kn-ink);font:inherit;cursor:pointer}.kn-sort-options button:hover,.kn-sort-options button[aria-current=true]{background:var(--kn-muted)}.kn-listing .kn-listing-grid{display:grid;grid-template-columns:repeat(var(--kn-listing-columns),minmax(0,1fr));gap:12px}.kn-listing-grid>.kn-product-card{background:var(--kn-surface)}.kn-listing-grid .kn-vendor{font-weight:600}.kn-listing-grid .kn-product-title{min-height:36px}.kn-listing-grid .kn-button{min-height:40px}.kn-listing-empty{grid-column:1/-1;text-align:center;padding:48px 24px}.kn-listing-empty p{margin-block:10px}.kn-pagination{display:flex;justify-content:center;gap:8px}.kn-pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;border-radius:4px;background:var(--kn-surface);padding:6px}.kn-pagination .current{background:var(--kn-ink);color:var(--kn-inverse)}.kn-mobile-filter{display:none}.kn-listing :focus-visible{outline:2px solid var(--kn-ink);outline-offset:2px}
@media(max-width:1100px){.kn-listing-layout{grid-template-columns:232px minmax(0,1fr)}.kn-listing-no-sidebar{grid-template-columns:minmax(0,1fr)}.kn-listing .kn-listing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.kn-listing-layout{grid-template-columns:minmax(0,1fr)}.kn-listing-sidebar{display:none;position:fixed;inset:0;z-index:100;max-height:100dvh;border-radius:0;padding:16px 16px 32px;overscroll-behavior:contain}.kn-listing-sidebar[data-open]{display:block}.kn-mobile-filter{display:inline-flex}.kn-filter-header button{align-items:center;justify-content:center;width:40px;height:40px;border:0;background:transparent;font-size:28px;color:var(--kn-ink);cursor:pointer}.kn-listing .kn-listing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.kn-listing .kn-product-card{padding:8px;min-width:0}.kn-listing-heading h1{font-size:26px;line-height:32px}.kn-listing-heading{flex-wrap:wrap;gap:4px 12px}.kn-listing-toolbar{gap:8px}.kn-sort{margin-left:0}.kn-active-filters:empty{display:none}.kn-listing-grid .kn-product-title{font-size:13px}.kn-filter-form>.kn-button{width:100%}}