.resource-listing{& .resource-listing__filters{align-items:flex-end;display:flex;flex-wrap:wrap;gap:var(--wp--preset--spacing--30);margin-block-end:var(--wp--preset--spacing--40)}& .resource-listing__dropdown{position:relative}& .resource-listing__dropdown-trigger{align-items:center;background:var(--wp--preset--color--base);border:1px solid var(--wp--preset--color--gray-300);border-radius:.375em;color:var(--wp--preset--color--contrast);cursor:pointer;display:inline-flex;font-size:var(--wp--preset--font-size--small);gap:.5em;list-style:none;padding:.5em .85em;-webkit-user-select:none;-moz-user-select:none;user-select:none;&:after{block-size:.5em;border-block-end:2px solid var(--wp--preset--color--gray-500);border-inline-end:2px solid var(--wp--preset--color--gray-500);content:"";display:inline-block;inline-size:.5em;transform:rotate(45deg);transition:transform .15s ease;translate:0 -.15em}&::-webkit-details-marker{display:none}&:hover{border-color:var(--wp--preset--color--primary)}&:focus-visible{outline:2px solid var(--wp--preset--color--primary);outline-offset:2px}}& .resource-listing__dropdown[open]>.resource-listing__dropdown-trigger:after{transform:rotate(-135deg);translate:0 .15em}& .resource-listing__dropdown-badge{align-items:center;background:var(--wp--preset--color--primary);block-size:1.4em;border-radius:2em;color:var(--wp--preset--color--base);display:inline-flex;font-size:.75em;font-weight:700;justify-content:center;line-height:1;min-inline-size:1.4em;padding-inline:.3em;&[hidden]{display:none}}& .resource-listing__dropdown-panel{background:var(--wp--preset--color--base);border:1px solid var(--wp--preset--color--gray-300);border-radius:.5em;box-shadow:0 4px 12px rgba(0,0,0,.1);display:flex;flex-direction:column;inset-block-start:calc(100% + .35em);inset-inline-start:0;max-block-size:22rem;min-inline-size:14rem;padding:.5em;position:absolute;z-index:10}& .resource-listing__dropdown-search{background:var(--wp--preset--color--base);border:1px solid var(--wp--preset--color--gray-300);border-radius:.25em;color:var(--wp--preset--color--contrast);font-size:var(--wp--preset--font-size--x-small);inline-size:100%;inset-block-start:0;margin-block-end:.35em;padding:.4em .6em;position:sticky;&:focus-visible{outline:2px solid var(--wp--preset--color--primary);outline-offset:-2px}&::-moz-placeholder{color:var(--wp--preset--color--gray-500)}&::placeholder{color:var(--wp--preset--color--gray-500)}}& .resource-listing__dropdown-options{flex:1;overflow-y:auto}& .resource-listing__dropdown-option{align-items:center;border-radius:.25em;color:var(--wp--preset--color--contrast);cursor:pointer;display:flex;font-size:var(--wp--preset--font-size--small);gap:.5em;padding:.4em .5em;&:hover{background:var(--wp--preset--color--gray-100)}&[hidden]{display:none}}& .resource-listing__filter-checkbox{accent-color:var(--wp--preset--color--primary);block-size:1em;cursor:pointer;flex-shrink:0;inline-size:1em}& .resource-listing__clear-filters{align-self:flex-end;background:var(--wp--preset--color--gray-100);border:none;border-radius:.375em;color:var(--wp--preset--color--gray-700);cursor:pointer;font-size:var(--wp--preset--font-size--x-small);padding:.5em 1em;white-space:nowrap;&:hover{background:var(--wp--preset--color--gray-300)}&[hidden]{display:none}}& .resource-listing__active-filters{display:flex;flex-wrap:wrap;gap:var(--wp--preset--spacing--20);margin-block-end:var(--wp--preset--spacing--40);&:empty{display:none}}& .resource-listing__active-chip{align-items:center;background:transparent;border:1px solid var(--wp--preset--color--primary);border-radius:2em;color:var(--wp--preset--color--primary);cursor:pointer;display:inline-flex;font-size:var(--wp--preset--font-size--x-small);gap:.35em;padding:.25em .75em;&:after{content:"\00d7";font-weight:700}&:hover{background:var(--wp--preset--color--primary);color:var(--wp--preset--color--base)}}& .resource-listing__grid{display:grid;gap:var(--wp--preset--spacing--40);grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr))}& .resource-listing__card{background:var(--wp--preset--color--base);border-radius:.5em;box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06);container-type:inline-size;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .2s ease,translate .2s ease;&:focus-visible,&:hover{box-shadow:0 10px 25px rgba(0,0,0,.12),0 4px 10px rgba(0,0,0,.08);translate:0 -2px}&:focus-visible{outline:2px solid var(--wp--preset--color--primary);outline-offset:2px}&[hidden]{display:none}}& .resource-listing__card-image{aspect-ratio:1;display:block;inline-size:100%;-o-object-fit:cover;object-fit:cover;&--placeholder{background:var(--wp--preset--color--gray-100)}}& .resource-listing__card-body{display:flex;flex:1;flex-direction:column;gap:.35em;padding:var(--wp--preset--spacing--30)}& .resource-listing__card-title{color:var(--wp--preset--color--contrast);font-size:clamp(.875rem,4cqi,1.125rem);line-height:1.3;margin:0}& .resource-listing__card-meta{display:flex;flex-wrap:wrap;gap:.25em}& .resource-listing__card-stats{color:var(--wp--preset--color--gray-500);display:flex;flex-wrap:wrap;font-size:var(--wp--preset--font-size--x-small);margin:0;& span+span:before{content:"\00a0\00b7\00a0"}}& .resource-listing__chip{border-radius:.25em;display:inline-block;font-size:var(--wp--preset--font-size--x-small);line-height:1.4;padding:.15em .5em}& .resource-listing__chip--grade{background:var(--wp--preset--color--primary);color:var(--wp--preset--color--base)}& .resource-listing__chip--curriculum{background:var(--wp--preset--color--accent-2);color:var(--wp--preset--color--base)}& .resource-listing__no-results{color:var(--wp--preset--color--gray-500);font-size:var(--wp--preset--font-size--medium);padding:var(--wp--preset--spacing--60);text-align:center;&[hidden]{display:none}}& .resource-listing__modal{border:none;border-radius:.75em;box-shadow:0 25px 50px rgba(0,0,0,.25);max-block-size:min(85dvh,calc(100dvh - 2rem));max-inline-size:min(90vw,50rem);overflow:hidden;padding:0;position:relative;&::backdrop{background:rgba(0,0,0,.5)}&[open]{display:flex;flex-direction:column}}& .resource-listing__modal-content{overflow-y:auto;padding:var(--wp--preset--spacing--40)}& .resource-listing__modal-close{align-items:center;background:var(--wp--preset--color--gray-100);block-size:2em;border:none;border-radius:50%;color:var(--wp--preset--color--gray-700);cursor:pointer;display:flex;font-size:1.25rem;inline-size:2em;inset-block-start:var(--wp--preset--spacing--20);inset-inline-end:var(--wp--preset--spacing--20);justify-content:center;position:absolute;z-index:1;&:hover{background:var(--wp--preset--color--gray-300)}}& .resource-listing__modal-title-wrap{display:flex;flex-direction:column;gap:.25em;margin-block-end:var(--wp--preset--spacing--40)}& .resource-listing__modal-body-grid{display:flex;gap:var(--wp--preset--spacing--40);margin-block-end:var(--wp--preset--spacing--40);@media (width < 600px){flex-direction:column}}& .resource-listing__modal-image{aspect-ratio:1;border-radius:.5em;flex-shrink:0;inline-size:clamp(8rem,30%,12rem);-o-object-fit:cover;object-fit:cover;@media (width < 600px){inline-size:100%;max-inline-size:10rem}}& .resource-listing__modal-title{font-size:var(--wp--preset--font-size--large);line-height:1.2;margin:0}& .resource-listing__modal-stats{color:var(--wp--preset--color--gray-500);font-size:var(--wp--preset--font-size--small);margin:0}& .resource-listing__modal-details{display:grid;flex:1;font-size:var(--wp--preset--font-size--small);gap:.25em var(--wp--preset--spacing--30);grid-template-columns:auto 1fr;margin:0;@media (width < 600px){grid-template-columns:1fr}}& .resource-listing__modal-details dt{align-self:center;color:var(--wp--preset--color--gray-500);font-size:var(--wp--preset--font-size--x-small);font-weight:700;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}& .resource-listing__modal-details dd{color:var(--wp--preset--color--contrast);margin:0}& .resource-listing__modal-summary{line-height:1.7;margin-block-end:var(--wp--preset--spacing--40);& p{margin-block:0 .75em}}& .resource-listing__modal-cta{background:var(--wp--preset--color--primary);border-radius:.375em;color:var(--wp--preset--color--base);display:inline-block;font-weight:600;padding:.75em 1.5em;text-align:center;text-decoration:none;&:hover{opacity:.9}}}