.sp-head{flex-direction:column;gap:10px;padding-block:20px 16px;display:flex}.sp-title{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.sp-title h1{color:var(--sec-deep);font-size:clamp(24px,3.4vw,34px);font-weight:800;line-height:1.35}.sp-cats{scrollbar-width:none;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.sp-cats a{border:1.5px solid var(--border-strong);background:var(--surface);min-height:44px;color:var(--fg);border-radius:999px;flex:none;align-items:center;padding:0 16px;font-size:14px;font-weight:500;display:inline-flex}.sp-cats a:hover{border-color:var(--sec)}.sp-cats a[aria-current=page]{background:var(--sec);border-color:var(--sec);color:#fff;font-weight:700}:root[data-theme=dark] .sp-cats a[aria-current=page]{color:var(--n-950)}.sp-body{align-items:flex-start;gap:24px;padding-bottom:16px;display:flex}.sp-side{flex:0 0 268px;display:none}.sp-main{flex-direction:column;flex:1;gap:16px;min-width:0;display:flex}.sp-bar{border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;padding:8px;display:flex}.sp-bar .sp-sort{scrollbar-width:none;gap:4px;max-width:100%;display:flex;overflow-x:auto}.sp-bar .sp-sort button{border-radius:var(--r-sm);min-height:44px;color:var(--fg-2);font:inherit;cursor:pointer;background:0 0;border:0;flex:none;padding:0 12px;font-size:14px}.sp-bar .sp-sort button:hover{background:var(--surface-2);color:var(--fg)}.sp-bar .sp-sort button[aria-pressed=true]{background:var(--sec-soft);color:var(--sec-deep);font-weight:700}.sp-count{color:var(--fg-2);margin-inline-start:auto;padding-inline:8px;font-size:13px}.sp-active{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sp-active .chip{min-height:44px;padding:0 12px}.sp-active .chip .i{width:16px;height:16px}.sp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.sp-grid .book{padding:10px}.sp-grid .book .ttl{font-size:15px}.sp-foot{flex-direction:column;align-items:center;gap:12px;padding-block:16px;display:flex}.sp-seo{max-width:760px;color:var(--fg-2);padding-block:8px 0;font-size:14px;line-height:2}.sp-seo h2{color:var(--fg);margin-bottom:6px;font-size:17px}.sp-mfilter{display:inline-flex}.sp-empty{text-align:center;border:1px dashed var(--border-strong);border-radius:var(--r-lg);color:var(--fg-2);flex-direction:column;align-items:center;gap:12px;padding:48px 16px;display:flex}.sp-empty h2{color:var(--fg);font-size:18px}.sp-fhead{justify-content:space-between;align-items:center;display:flex}.sp-more{align-self:flex-start;padding-inline:4px}.sp-more .i{transition:transform var(--d-fast) var(--ease-out)}.sp-more[aria-expanded=true] .i{transform:rotate(180deg)}.sp-prices{gap:8px;display:flex}.sp-prices .input{min-width:0;min-height:44px}@media (prefers-reduced-motion:reduce){.sp-more .i{transition:none}}@media (min-width:640px){.sp-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}@media (min-width:1024px){.sp-side{display:block}.sp-mfilter{display:none}.sp-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.fs-wrap{z-index:60;background:var(--scrim);flex-direction:column;justify-content:flex-end;display:flex;position:fixed;inset:0}.fs-sheet{flex-direction:column;max-height:86%;display:flex}.fs-hd{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:4px 16px 8px;display:flex}.fs-bd{flex:1;padding:0 16px;overflow-y:auto}.fs-ft{border-top:1px solid var(--border);background:var(--raised);gap:8px;padding:12px 16px 16px;display:flex}@media (min-width:1024px){.fs-wrap{display:none}}.sp-head,.sp-cats{min-width:0;max-width:100%}