.resources-page{max-width:var(--container-page);margin:0 auto;padding:2rem 1.25rem 4rem}.resources-head{max-width:56rem;margin-bottom:1.25rem}.resources-head h1{font-family:var(--font-display);font-size:clamp(var(--text-4xl), 6vw, var(--text-6xl));line-height:var(--leading-tight);margin:.4rem 0 .65rem}.resources-head p{font-family:var(--font-serif);color:var(--color-fg-muted);margin:0}.library-shell{gap:1rem;display:grid}.library-search{border:1px solid var(--color-border);background:var(--color-bg-subtle);border-radius:var(--radius-full);align-items:center;gap:.5rem;padding:.45rem .8rem .45rem .65rem;display:flex;position:relative}.library-search__icon{width:1.1rem;height:1.1rem;color:var(--color-fg-muted);flex-shrink:0}.library-search input{width:100%;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-fg);background:0 0;border:0}.library-search input:focus{outline:none}.search-clear,.search-status{font-size:var(--text-xs);font-family:var(--font-sans);color:var(--color-fg-muted)}.search-clear{cursor:pointer;color:var(--color-fg-muted);background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.library-filters{align-items:center;gap:.65rem;display:grid}.filters-mobile-trigger{border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-bg-subtle);font-family:var(--font-sans);align-items:center;gap:.4rem;width:fit-content;padding:.45rem .8rem;display:inline-flex}.filter-group{flex-wrap:wrap;gap:.5rem;display:flex}.filter-pill{border:1px solid var(--color-border);background:var(--color-paper-50);border-radius:var(--radius-full);font-family:var(--font-sans);font-size:var(--text-xs);align-items:center;gap:.35rem;padding:.35rem .65rem;display:inline-flex}.filter-pill .swatch{border-radius:var(--radius-full);width:.45rem;height:.45rem}.filter-pill .count{color:var(--color-fg-muted)}.filter-pill.is-active{background:var(--color-ink-900);color:var(--color-paper-50);border-color:var(--color-ink-900)}.view-toggle{border:1px solid var(--color-border);border-radius:var(--radius-full);width:fit-content;display:inline-flex;overflow:hidden}.view-toggle button{font-family:var(--font-sans);font-size:var(--text-xs);background:var(--color-paper-50);border:0;justify-content:center;align-items:center;padding:.45rem .65rem;display:inline-flex}.view-toggle button.is-active{background:var(--color-ridge-700);color:var(--color-paper-50)}.filters-drawer-wrap{display:none}.filters-drawer-wrap.is-open{display:block}.drawer-scrim{z-index:var(--z-overlay);background:oklch(20% 0 0/.4);border:0;position:fixed;inset:0}.filters-drawer{background:var(--color-bg);width:min(22rem,88vw);z-index:var(--z-modal);gap:1rem;padding:1rem;display:grid;position:fixed;top:0;bottom:0;right:0;overflow:auto}.filters-drawer header{justify-content:space-between;align-items:center;display:flex}.filters-drawer__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-weight-medium);color:var(--color-fg-strong);margin:0}.filters-drawer header button{color:var(--color-fg-muted);background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.drawer-section{gap:.5rem;display:grid}.drawer-section p{font-family:var(--font-sans);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--color-fg-muted);margin:0}.drawer-section label{font-family:var(--font-sans);font-size:var(--text-sm);align-items:center;gap:.45rem;display:inline-flex}.resource-grid{grid-template-columns:1fr;gap:1rem;display:grid}.resource-list{gap:.75rem;display:grid}.pagination{justify-content:space-between;align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.pagination button{border:1px solid var(--color-border);background:var(--color-paper-50);border-radius:var(--radius-full);font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-fg);padding:.35rem .8rem}.pagination button:disabled{opacity:.45;cursor:not-allowed}.pagination-pages{flex-wrap:wrap;justify-content:center;gap:.35rem;display:flex}.pagination-pages .is-active{background:var(--color-ridge-700);color:var(--color-paper-50);border-color:var(--color-ridge-700)}.resource-item{border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);color:inherit;background:var(--color-paper-100);box-shadow:var(--shadow-sm);transition:transform var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.resource-item:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.resource-item .thumb{aspect-ratio:16/9;background:var(--color-paper-200);flex-shrink:0;place-items:center;width:100%;display:grid;overflow:hidden}.resource-item .thumb img{object-fit:contain;object-position:center;width:100%;height:100%;display:block}.resource-item.has-thumb-title .thumb{place-items:stretch stretch}.resource-item .thumb-title{min-height:0;font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-weight-medium);line-height:var(--leading-snug);color:var(--color-fg-strong);text-wrap:balance;flex:1;align-items:flex-end;margin:0;padding:1rem 1.15rem;display:flex}.resource-item .content{background:#fefcfa;flex-direction:column;flex:1;gap:.45rem;padding:1rem 1.15rem 1.15rem;display:flex}.resource-item .resource-badges{flex-wrap:wrap;align-items:center;gap:.35rem;margin-top:auto;padding-top:.65rem;display:flex}.resource-item .resource-pill{border-radius:var(--radius-full);font-family:var(--font-sans);font-size:var(--text-2xs);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-wide);color:var(--color-paper-50);background:var(--color-ridge-700);margin:0;padding:.28rem .7rem;line-height:1.2}.resource-item .resource-pill.is-category{letter-spacing:var(--tracking-widest);text-transform:uppercase}.resource-item .content h2{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-weight-medium);line-height:var(--leading-snug);color:var(--color-fg-strong);margin:0}.resource-item .content .desc{font-family:var(--font-serif);color:var(--color-fg-muted);font-size:var(--text-sm);line-height:var(--leading-normal);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.resource-item.is-list{flex-direction:row;align-items:stretch}.resource-item.is-list .thumb{aspect-ratio:16/9;border-radius:var(--radius-md);align-self:center;width:min(42%,14rem);max-width:14rem;margin:.85rem 0 .85rem .85rem}.resource-item.is-list .thumb-title{font-size:var(--text-lg);text-align:center;-webkit-line-clamp:4;-webkit-box-orient:vertical;align-items:center;padding:.65rem .75rem;display:-webkit-box;overflow:hidden}.resource-item.is-list .content{justify-content:flex-start;padding:.85rem 1rem .85rem .5rem}.library-empty{border:1px dashed var(--color-border-strong);border-radius:var(--radius-2xl);text-align:center;justify-items:center;gap:.6rem;padding:2.2rem 1.2rem;display:grid}.library-empty span{font-size:var(--text-5xl);color:var(--color-fg-subtle);font-family:var(--font-display);font-style:italic}.library-empty h2,.library-empty p{margin:0}.library-empty h2{font-family:var(--font-display)}.library-empty p{font-family:var(--font-serif);color:var(--color-fg-muted)}.library-empty button,.library-empty__cta{border-radius:var(--radius-full);font-family:var(--font-sans);background:var(--color-ridge-700);color:var(--color-paper-50);border:0;align-items:center;gap:.35rem;padding:.55rem 1rem;display:inline-flex}.result-count{color:var(--color-fg-muted);font-family:var(--font-sans);font-size:var(--text-sm);margin:.2rem 0}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width>=46rem){.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filters-mobile-trigger{display:none}}@media (width>=61.25rem){.resource-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}