.filterable-grid-block{margin:3rem 0;position:relative}.filterable-grid-block__controls{flex-wrap:wrap}.filterable-grid-block__search{flex:1;max-width:400px;min-width:250px;position:relative}.filterable-grid-block__search-input{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:1rem;padding:.875rem 3.5rem .875rem 1rem;transition:all .2s;width:100%}.filterable-grid-block__search-input:focus{border-color:#3e79bb;box-shadow:0 0 0 3px rgba(59,130,246,.1);outline:none}.filterable-grid-block__search-input::-moz-placeholder{color:#9ca3af}.filterable-grid-block__search-input::placeholder{color:#9ca3af}.filterable-grid-block__search-button{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;height:2.5rem;justify-content:center;position:absolute;right:.5rem;top:50%;transform:translateY(-50%);transition:all .2s;width:2.5rem}.filterable-grid-block__search-button:hover{background:#f3f4f6;color:#3e79bb}.filterable-grid-block__search-button:focus{box-shadow:0 0 0 3px rgba(59,130,246,.1);outline:none}.filterable-grid-block__search-button svg{height:20px;width:20px}.filterable-grid-block__filters{display:flex;flex-wrap:wrap;gap:.75rem}.filterable-grid-block__filter{position:relative}.filterable-grid-block__filter-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 20 20%27%3E%3Cpath stroke=%27%236b7280%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%271.5%27 d=%27m6 8 4 4 4-4%27/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25em 1.25em;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;font-family:inherit;font-size:.9375rem;padding:.875rem 3rem .875rem 1rem;transition:all .2s}.filterable-grid-block__filter-select:hover{border-color:#9ca3af}.filterable-grid-block__filter-select:focus{border-color:#3e79bb;box-shadow:0 0 0 3px rgba(59,130,246,.1);outline:none}.filterable-grid-block__active-filters{align-items:center;background:#f9fafb;border-radius:8px;display:flex;gap:1rem;margin-bottom:1rem;padding:1rem}.filterable-grid-block__active-filters-label{color:#374151;font-size:.875rem;font-weight:600;white-space:nowrap}.filterable-grid-block__active-filters-list{display:flex;flex:1;flex-wrap:wrap;gap:.5rem}.filterable-grid-block__active-filter{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;display:inline-flex;font-size:.875rem;gap:.5rem;padding:.375rem .75rem}.filterable-grid-block__active-filter-label{color:#6b7280;font-weight:500}.filterable-grid-block__active-filter-value{color:#111827;font-weight:600}.filterable-grid-block__active-filter-remove{align-items:center;background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;display:flex;height:1.25rem;justify-content:center;padding:0;transition:all .2s;width:1.25rem}.filterable-grid-block__active-filter-remove:hover{background:#fee2e2;color:#ef4444}.filterable-grid-block__active-filter-remove:focus{box-shadow:0 0 0 2px rgba(239,68,68,.2);outline:none}.filterable-grid-block__clear-filters{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s;white-space:nowrap}.filterable-grid-block__clear-filters:hover{background:#f9fafb;border-color:#d1d5db}.filterable-grid-block__clear-filters:focus{box-shadow:0 0 0 3px rgba(59,130,246,.1);outline:none}.filterable-grid-block__results-info{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.filterable-grid-block__results-count{color:#6b7280;font-size:.875rem}.filterable-grid-block__sort{align-items:center;display:flex;gap:.5rem}.filterable-grid-block__sort label{color:#6b7280;font-size:.875rem;white-space:nowrap}.filterable-grid-block__sort-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 20 20%27%3E%3Cpath stroke=%27%236b7280%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%271.5%27 d=%27m6 8 4 4 4-4%27/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1em 1em;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:.875rem;padding:.5rem 2rem .5rem .75rem}.filterable-grid-block__sort-select:focus{border-color:#3e79bb;box-shadow:0 0 0 3px rgba(59,130,246,.1);outline:none}.filterable-grid-block__grid-wrapper{min-height:400px;position:relative}.filterable-grid-block__grid-wrapper.is-loading{opacity:.6;pointer-events:none}.filterable-grid-block__grid{display:grid;gap:3rem 1.5rem;grid-template-columns:repeat(var(--grid-columns,4),1fr);transition:opacity .2s}@media(max-width:1200px){.filterable-grid-block__grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.filterable-grid-block__grid{gap:3rem;grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.filterable-grid-block__grid{grid-template-columns:1fr}}.filterable-grid-block__card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.filterable-grid-block__card:hover{border-color:#d1d5db;box-shadow:0 12px 24px -8px rgba(0,0,0,.15);transform:translateY(-4px)}.filterable-grid-block__card:hover .filterable-grid-block__card-arrow{transform:translateX(4px)}.filterable-grid-block__card-image{aspect-ratio:1;background:#f3f4f6;overflow:hidden}.filterable-grid-block__card-image a{display:block;height:100%}.filterable-grid-block__card-image img{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s;width:100%}.filterable-grid-block__card-image:hover img{transform:scale(1.05)}.filterable-grid-block__card-content{display:flex;flex:1;flex-direction:column;padding:1.5rem}.filterable-grid-block__card-meta{margin-bottom:.75rem}.filterable-grid-block__card-category{color:#6366f1;display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-decoration:none;text-transform:uppercase;transition:color .2s}.filterable-grid-block__card-category:hover{color:#4f46e5}.filterable-grid-block__card-title{font-size:1.125rem;font-weight:700;line-height:1.4;margin:0 0 .75rem}.filterable-grid-block__card-title a{color:#111827;text-decoration:none;transition:color .2s}.filterable-grid-block__card-title a:hover{color:#3e79bb}.filterable-grid-block__card-excerpt{color:#6b7280;flex:1;font-size:.9375rem;line-height:1.6;margin:0 0 1rem}.filterable-grid-block__card-footer{border-top:1px solid #f3f4f6;color:#9ca3af;display:flex;flex-wrap:wrap;font-size:.8125rem;gap:.75rem;padding-top:.75rem}.filterable-grid-block__card-footer a{color:inherit;text-decoration:none;transition:color .2s}.filterable-grid-block__card-footer a:hover{color:#3e79bb}.filterable-grid-block__card-link{align-items:center;color:#3e79bb;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-top:auto;text-decoration:none;transition:all .2s}.filterable-grid-block__card-arrow{transition:transform .2s}.filterable-grid-block__pagination{margin-bottom:2.5rem;margin-top:3rem;text-align:center}.filterable-grid-block__pagination .page-numbers{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;display:inline-flex;font-size:.9375rem;font-weight:500;height:2.75rem;justify-content:center;margin:0 .25rem;min-width:2.75rem;padding:0 .875rem;text-decoration:none;transition:all .2s}.filterable-grid-block__pagination .page-numbers:hover:not(.current){background:#f9fafb;border-color:#d1d5db;color:#111827}.filterable-grid-block__pagination .page-numbers.current{background:#3e79bb;border-color:#3e79bb;color:#fff;cursor:default;font-weight:600}.filterable-grid-block__pagination .page-numbers.next,.filterable-grid-block__pagination .page-numbers.prev{font-size:1.25rem}.filterable-grid-block__pagination .page-numbers:focus{box-shadow:0 0 0 3px rgba(59,130,246,.2);outline:none}.filterable-grid-block__pagination .dots{align-items:center;color:#9ca3af;display:inline-flex;padding:0 .5rem}.filterable-grid-block__loading{left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.filterable-grid-block__loading-spinner{align-items:center;background:#fff;border-radius:12px;box-shadow:0 10px 25px -5px rgba(0,0,0,.1);display:flex;flex-direction:column;gap:1rem;padding:2rem}.filterable-grid-block__loading-spinner span{color:#6b7280;font-size:.875rem;font-weight:500}.filterable-grid-block__spinner{animation:rotate 1s linear infinite;height:3rem;width:3rem}.filterable-grid-block__spinner-path{animation:dash 1.5s ease-in-out infinite;stroke:#3e79bb;stroke-linecap:round}.filterable-grid-block__no-results{align-items:center;display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;padding:4rem 2rem;text-align:center}.filterable-grid-block__no-results svg{color:#d1d5db;height:64px;margin-bottom:1.5rem;width:64px}.filterable-grid-block__no-results p{color:#6b7280;font-size:1.125rem;margin:0}.filterable-grid-block__error{align-items:center;display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;padding:4rem 2rem;text-align:center}.filterable-grid-block__error svg{color:#ef4444;height:48px;margin-bottom:1rem;width:48px}.filterable-grid-block__error p{color:#6b7280;font-size:1rem;margin:0 0 1.5rem}.filterable-grid-block__retry-button{background:#3e79bb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9375rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.filterable-grid-block__retry-button:hover{background:#2563eb;box-shadow:0 4px 6px -1px rgba(59,130,246,.3);transform:translateY(-1px)}.filterable-grid-block__retry-button:focus{box-shadow:0 0 0 3px rgba(59,130,246,.2);outline:none}@keyframes rotate{to{transform:rotate(1turn)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.filterable-grid__pagination{margin-top:3rem;text-align:center}.filterable-grid__load-more{align-items:center;background-color:var(--wp--preset--color--primary,#3e79bb);border:none;border-radius:8px;color:var(--wp--preset--color--dark,#fff);cursor:pointer;display:inline-flex;font-family:inherit;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;min-width:150px;padding:.875rem 2rem;transition:all .2s ease}.filterable-grid__load-more:hover:not(:disabled){background-color:var(--wp--preset--color--dark,#1f2937);box-shadow:0 4px 6px -1px rgba(0,0,0,.1);color:var(--wp--preset--color--white,#fff);transform:translateY(-2px)}.filterable-grid__load-more:disabled{cursor:not-allowed;opacity:.6}.filterable-grid__load-more.is-loading{pointer-events:none}.filterable-grid__load-more:focus{box-shadow:0 0 0 3px rgba(59,130,246,.2);outline:none}.filterable-grid-block__filter-drawer{background:var(--wp--preset--color--light,#f9fafb)}.filterable-grid-block__filter-drawer-title{font-size:1.5rem}.load-more__text{display:inline}.load-more__loading{align-items:center;display:none;gap:.5rem}.load-more__spinner{animation:spin 1s linear infinite}.load-more__spinner circle:last-child{animation:dash-spinner 1.5s ease-in-out infinite}@keyframes spin{to{transform:rotate(1turn)}}@keyframes dash-spinner{0%{stroke-dashoffset:50.265}50%{stroke-dashoffset:12.566}to{stroke-dashoffset:50.265}}.screen-reader-text{clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal}.filterable-grid-block__controls{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.filterable-grid-block__filter-toggle{align-items:center;background:var(--wp--preset--color--light,#f9fafb);border:1px solid var(--wp--preset--color--dark,#1f2937);border-radius:9999px;color:var(--wp--preset--color--dark,#1f2937);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;margin-left:auto;padding:.75rem 1.25rem;transition:all .2s}.filterable-grid-block__filter-toggle:hover{background:var(--wp--preset--color--dark,#1f2937);color:var(--wp--preset--color--white,#fff)}.filterable-grid-block__filter-toggle svg{height:20px;width:20px}.filterable-grid-block__filter-drawer{animation:slideDown .2s ease-out;background:var(--wp--preset--color--white,#fff);border:1px solid var(--wp--preset--color--dark,#1f2937);border-radius:1rem;box-shadow:0 10px 40px rgba(0,0,0,.15);left:auto;margin-top:1rem;max-width:400px;padding:2rem;position:absolute;right:0;top:100%;z-index:100}.filterable-grid-block__filter-drawer[hidden]{display:none}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filterable-grid-block__header{margin-bottom:2rem;position:relative}.filterable-grid-block__filter-drawer-title{color:var(--wp--preset--color--dark,#1f2937);font-size:1.3rem;font-weight:700;margin:0 0 1.5rem}.filterable-grid-block__filter-group{margin-bottom:2rem}.filterable-grid-block__filter-group:last-child{margin-bottom:0}.filterable-grid-block__filter-group-header{align-items:center;border-bottom:2px solid var(--wp--preset--color--dark,#1f2937);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.filterable-grid-block__filter-group-title{color:var(--wp--preset--color--dark,#1f2937);font-size:1.125rem;font-weight:600;margin:0}.filterable-grid-block__filter-clear{background:none;border:none;color:var(--wp--preset--color--primary,#3e79bb);cursor:pointer;font-size:.875rem;font-weight:600;padding:.25rem .75rem}.filterable-grid-block__filter-clear:hover{text-decoration:underline}.filterable-grid-block__filter-options{display:grid;gap:.75rem}.filterable-grid-block__filter-option{align-items:center;cursor:pointer;display:flex;gap:.75rem}.filterable-grid-block__filter-option:hover .filterable-grid-block__filter-label{color:var(--wp--preset--color--primary,#3e79bb)}.filterable-grid-block__filter-checkbox{border:2px solid var(--wp--preset--color--dark,#1f2937);border-radius:.25rem;cursor:pointer;height:1.25rem;width:1.25rem}.filterable-grid-block__filter-checkbox:checked{accent-color:var(--wp--preset--color--primary,#3e79bb)}.filterable-grid-block__filter-label{color:var(--wp--preset--color--dark,#1f2937);font-size:1rem;transition:color .2s}@media(max-width:768px){.filterable-grid-block__filter-drawer{left:1rem;padding:1.5rem;right:1rem}.filterable-grid-block__controls{align-items:stretch;flex-direction:column}.filterable-grid-block__filter-toggle{justify-content:center;margin-left:0}}