#siteHeader{position:sticky;top:0;z-index:30;background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 2px #0000000d}.layout-container{max-width:1400px;margin:0 auto;padding:1rem;display:flex;gap:1.5rem}#filterSidebar{width:260px;min-width:260px;position:sticky;top:5rem;align-self:flex-start;max-height:calc(100vh - 6rem);overflow-y:auto;padding-right:1rem;scrollbar-width:thin;scrollbar-color:#d1d5db transparent}#filterSidebar::-webkit-scrollbar{width:4px}#filterSidebar::-webkit-scrollbar-track{background:transparent}#filterSidebar::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:2px}#filterSidebar::-webkit-scrollbar-thumb:hover{background:#d1d5db}@media(max-width:1023px){#filterSidebar{position:fixed;top:0;left:0;width:300px;min-width:300px;max-height:100vh;height:100vh;z-index:40;background:#fff;padding:1rem;transform:translate(-100%);transition:transform .25s ease;box-shadow:4px 0 24px #0000001a}#filterSidebar.open{transform:translate(0)}}#sidebarBackdrop{display:none;position:fixed;inset:0;background:#0006;z-index:39;backdrop-filter:blur(2px)}#sidebarBackdrop.open{display:block}.filter-section summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;padding:.5rem 0;user-select:none}.filter-section summary::-webkit-details-marker{display:none}.filter-section summary:after{content:"";width:.5rem;height:.5rem;border-right:1.5px solid #9ca3af;border-bottom:1.5px solid #9ca3af;transform:rotate(-45deg);transition:transform .2s ease;flex-shrink:0}.filter-section[open] summary:after{transform:rotate(45deg)}.filter-list{display:flex;flex-direction:column;gap:.0625rem}.filter-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:.375rem;cursor:pointer;transition:background-color .1s ease;font-size:.875rem;color:#374151}.filter-item:has(input:checked){background:#eef2ff;font-weight:500;color:#4f46e5}.filter-item:hover{background:#f9fafb}.filter-divider{border:none;border-top:1px solid #f3f4f6;margin:.25rem 0}#filterFab{position:fixed;bottom:max(5rem,calc(1.5rem + env(safe-area-inset-bottom)));right:max(1.5rem,calc(1.5rem + env(safe-area-inset-right)));z-index:30;width:3.25rem;height:3.25rem;border-radius:9999px;background:#4f46e5;color:#fff;display:none;align-items:center;justify-content:center;box-shadow:0 4px 16px #4f46e559;border:none;cursor:pointer;transition:all .15s ease}#filterFab:hover{background:#4338ca;transform:scale(1.05)}#filterFab:active{transform:scale(.95)}@media(max-width:1023px){#filterFab{display:flex}}#filterBadge{position:absolute;top:-.25rem;right:-.25rem;min-width:1.125rem;height:1.125rem;padding:0 .25rem;background:#dc2626;color:#fff;border-radius:9999px;font-size:.625rem;font-weight:700;display:flex;align-items:center;justify-content:center}#sidebarClose{display:none}@media(max-width:1023px){#sidebarClose{display:flex;width:2rem;height:2rem;align-items:center;justify-content:center;border-radius:9999px;background:transparent;border:none;color:#6b7280;font-size:1.25rem;cursor:pointer;transition:background-color .1s ease}#sidebarClose:hover{background:#f3f4f6}}.content-header{display:flex;align-items:center;gap:.75rem;padding-bottom:.75rem;border-bottom:1px solid #f3f4f6;margin-bottom:.75rem;flex-wrap:wrap}.content-header #resultCount{margin-left:auto;font-size:.875rem;color:#6b7280}#activeFilters{display:flex;flex-wrap:wrap;gap:.5rem;padding-bottom:.75rem;align-items:center}#activeFilters .chip{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;background:#f3f4f6;color:#374151;border-radius:9999px;font-size:.75rem;font-weight:500}#activeFilters .chip button{margin-left:.25rem;padding:0;background:none;border:none;color:#6b7280;cursor:pointer;font-size:.875rem;line-height:1}#activeFilters .chip button:hover{color:#dc2626}#activeFilters .clear-all{padding:.25rem .75rem;font-size:.75rem;color:#dc2626;background:#fee2e2;border:none;border-radius:9999px;cursor:pointer;font-weight:500}#activeFilters .clear-all:hover{background:#fecaca}.content-area{flex:1;min-width:0}#sortSelect{padding:.375rem 2rem .375rem .75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;color:#374151;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E") no-repeat right .5rem center/1.25rem;-webkit-appearance:none;appearance:none;cursor:pointer}#sortSelect:focus{outline:2px solid #4f46e5;outline-offset:0}.skeleton-card{background:#fff;border:1px solid #f3f4f6;border-radius:.75rem;overflow:hidden;animation:fadeIn .3s ease}.skeleton-img{width:100%;aspect-ratio:16 / 9;background:linear-gradient(90deg,#f3f4f6,#e5e7eb,#f3f4f6);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-body{padding:1rem;display:flex;flex-direction:column;gap:.5rem}.skeleton-line{height:.75rem;background:linear-gradient(90deg,#f3f4f6,#e5e7eb,#f3f4f6);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:.25rem}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:1023px){.layout-container{padding:.5rem}}@media(max-width:640px){#siteHeader{padding:.5rem}.content-header{font-size:.75rem}}