.sp-wrap{display:grid;grid-template-columns:220px 1fr;align-items:start;max-width:var(--container);margin:0 auto;padding:2rem var(--gap) 5rem}.sp-sidebar{position:sticky;top:110px;padding-right:2rem;border-right:1px solid var(--color-border)}.sp-sidebar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.sp-sidebar-title{font-family:var(--font-mono);font-size:.68rem;font-weight:500;letter-spacing:var(--track-label);text-transform:uppercase;color:var(--color-text)}.sp-clear{font-family:var(--font-mono);font-size:.72rem;letter-spacing:var(--track-label);text-transform:uppercase;color:var(--color-text-muted);text-decoration:underline;background:none;border:none;cursor:pointer;padding:0}.sp-clear:hover{color:var(--color-text)}.sp-fgroup{border-top:1px solid var(--color-border);padding:.7rem 0}.sp-fgroup-btn{display:flex;align-items:center;justify-content:space-between;width:100%;font-family:var(--font-mono);font-size:.68rem;font-weight:500;letter-spacing:var(--track-label);text-transform:uppercase;color:var(--color-text);background:none;border:none;padding:0 0 .5rem;cursor:pointer}.sp-chevron{transition:transform .2s}.sp-fgroup-btn[aria-expanded=false] .sp-chevron{transform:rotate(-90deg)}.sp-fgroup-body{display:flex;flex-direction:column;gap:.4rem}.sp-check{display:flex;align-items:center;gap:.45rem;font-size:.78rem;color:var(--color-text-muted);cursor:pointer;user-select:none;font-family:inherit}.sp-check:hover{color:var(--color-text)}.sp-check input[type=checkbox]{width:13px;height:13px;accent-color:var(--color-accent);flex-shrink:0;cursor:pointer}.sp-main{padding-left:2rem;min-width:0}.sp-header{margin-bottom:2rem}.sp-breadcrumb{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--color-text-muted);margin-bottom:1rem}.sp-breadcrumb a{color:var(--color-text-muted);text-decoration:none}.sp-breadcrumb a:hover{text-decoration:underline}.sp-heading{margin:0 0 .75rem;color:var(--color-text)}.sp-desc{font-size:1rem;color:var(--color-text-muted);margin:0}.sp-toolbar{display:flex;align-items:center;justify-content:space-between;padding-bottom:1rem;margin-bottom:1.5rem;border-bottom:1px solid var(--color-border)}.sp-count{font-family:var(--font-mono);font-size:.75rem;letter-spacing:var(--track-label);text-transform:uppercase;color:var(--color-text-muted)}.sp-sort{display:flex;align-items:center;gap:.5rem}.sp-sort-label{font-family:var(--font-mono);font-size:.75rem;letter-spacing:var(--track-label);text-transform:uppercase;color:var(--color-text-muted);white-space:nowrap}.sp-sort-sel{width:auto;font-size:.75rem;font-family:inherit;padding:.4rem .85rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text);cursor:pointer;outline:none}.sp-sort-sel:focus{border-color:var(--color-accent)}.sp-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin:-.5rem 0 1.25rem}.sp-chips[hidden]{display:none}.sp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.sp-empty{padding:4rem 0;text-align:center;color:var(--color-text-muted);font-size:.85rem}.sp-sheet-close,.sp-sheet-foot,.sp-fgroup--sheet-only,.sp-mbar,.sp-backdrop{display:none}.sp-pills{display:flex;gap:.5rem;min-width:0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-right:1.5rem}.sp-pills::-webkit-scrollbar{display:none}.sp-pill{display:inline-flex;align-items:center;gap:.4rem;flex-shrink:0;min-height:40px;padding:0 1rem;font-family:inherit;font-size:.85rem;font-weight:500;white-space:nowrap;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.sp-pill[aria-pressed=true]{background:var(--color-text);border-color:var(--color-text);color:var(--color-surface)}.sp-pill:focus-visible{outline:none;box-shadow:var(--ring)}.sp-pill-count[hidden]{display:none}@media(max-width:960px){.sp-wrap{grid-template-columns:1fr;padding:1.5rem 1.5rem 4rem}.sp-main{padding-left:0}.sp-grid{grid-template-columns:repeat(2,1fr)}.sp-toolbar .sp-sort{display:none}.sp-mbar{display:flex;align-items:center;gap:.5rem;position:sticky;top:var(--header-real-h, var(--header-h));z-index:var(--z-raised);margin:0 -1.5rem 1rem;padding:.75rem 0 .75rem 1.5rem;background:var(--color-bg);border-bottom:1px solid var(--color-border)}.sp-pill--filter{flex-shrink:0}.sp-backdrop{display:block;position:fixed;inset:0;z-index:900;background:#0a0b0d80;opacity:0;transition:opacity var(--transition-slow)}.sp-backdrop[hidden]{display:none}.sp-backdrop.is-open{opacity:1}.sp-sidebar{position:fixed;inset:auto 0 0;z-index:1000;display:flex;flex-direction:column;max-height:88dvh;padding:0;border:none;background:var(--color-surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:var(--shadow-xl);transform:translateY(100%);visibility:hidden;transition:transform var(--transition-slower),visibility 0s linear .5s}.sp-sidebar.is-open{transform:translateY(0);visibility:visible;transition:transform var(--transition-slower),visibility 0s}.sp-sidebar-head{flex-shrink:0;margin:0;padding:1rem 1.25rem .75rem 1.5rem}.sp-sidebar-title{font-family:inherit;font-size:1.15rem;font-weight:700;letter-spacing:-.01em;text-transform:none}.sp-sidebar-head .sp-clear{display:none}.sp-sheet-close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--color-text);background:var(--color-bg-muted);border:none;border-radius:var(--radius-full);cursor:pointer}.sp-sheet-close:focus-visible{outline:none;box-shadow:var(--ring)}.sp-fgroup{padding:1rem 1.5rem}.sp-fgroup--sheet-only{display:block}.sp-sidebar{overflow-y:auto;overscroll-behavior:contain}.sp-sidebar-head,.sp-sheet-foot{position:sticky;background:var(--color-surface);z-index:1}.sp-sidebar-head{top:0}.sp-fgroup-btn{font-size:.72rem;pointer-events:none}.sp-fgroup-btn .sp-chevron{display:none}.sp-fgroup-body{display:flex!important;gap:.25rem}.sp-check{min-height:40px;font-size:.95rem;color:var(--color-text);gap:.75rem}.sp-check input[type=checkbox],.sp-check input[type=radio]{width:20px;height:20px;accent-color:var(--color-text)}.sp-sheet-foot{display:grid;grid-template-columns:1fr 2fr;gap:.75rem;bottom:0;margin-top:auto;padding:1rem 1.5rem calc(1rem + env(safe-area-inset-bottom));border-top:1px solid var(--color-border)}}@media(max-width:960px)and (prefers-reduced-motion:reduce){.sp-sidebar,.sp-sidebar.is-open,.sp-backdrop{transition:none}}@media(max-width:500px){.sp-grid{grid-template-columns:1fr}}