.page.svelte-u4k2t{padding:5rem 5%}header.svelte-u4k2t{margin:0 auto 2rem;max-width:760px;text-align:center}.section-sub.svelte-u4k2t{margin-inline:auto}.filters.svelte-u4k2t{display:grid;gap:1rem;grid-template-columns:1fr minmax(180px,260px) auto;margin:0 auto 2rem;max-width:880px}input.svelte-u4k2t,select.svelte-u4k2t,button.svelte-u4k2t{border:1px solid var(--border-soft);border-radius:.75rem;padding:.8rem 1rem}input.svelte-u4k2t,select.svelte-u4k2t{background:var(--surface-elevated);color:var(--dark)}button.svelte-u4k2t{background:var(--pink-mid);color:#fff;font-weight:800}.grid.svelte-u4k2t{display:grid;gap:1.5rem;grid-template-columns:repeat(3,minmax(0,1fr))}article.svelte-u4k2t{background:var(--surface-elevated);border:1px solid var(--border-soft);border-radius:1.25rem;overflow:hidden}article.svelte-u4k2t>div:where(.svelte-u4k2t){padding:1.3rem}.thumb.svelte-u4k2t{align-items:flex-start;aspect-ratio:16 / 9;background:linear-gradient(135deg,#dec2d3,#cbdce4);display:flex;padding:1rem;position:relative}.thumb.svelte-u4k2t img:where(.svelte-u4k2t){height:100%;top:0;right:0;bottom:0;left:0;object-fit:cover;position:absolute;width:100%}.thumb.svelte-u4k2t span:where(.svelte-u4k2t){background:var(--pink-mid);border-radius:999px;color:#fff;font-size:.7rem;font-weight:800;padding:.35rem .75rem;position:relative}h2.svelte-u4k2t{font-family:Playfair Display,Georgia,serif;font-size:1.2rem}h2.svelte-u4k2t a:where(.svelte-u4k2t){text-decoration:none}.category-link.svelte-u4k2t{color:var(--pink-mid);display:table;font-size:.78rem;font-weight:900;margin-top:.45rem;text-decoration:none;text-transform:uppercase}p.svelte-u4k2t,small.svelte-u4k2t{color:var(--gray);line-height:1.65}.pagination.svelte-u4k2t{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:3rem}.page-btn.svelte-u4k2t,.page-num.svelte-u4k2t{border:1px solid var(--border-soft);border-radius:.75rem;color:var(--dark);font-weight:700;padding:.6rem 1rem;text-decoration:none;transition:background .2s,color .2s}.page-btn.svelte-u4k2t:hover,.page-num.svelte-u4k2t:hover{background:var(--pink-pale);border-color:var(--pink-light)}.page-num.active.svelte-u4k2t{background:var(--pink-mid);border-color:var(--pink-mid);color:#fff}@media(max-width:900px){.grid.svelte-u4k2t,.filters.svelte-u4k2t{grid-template-columns:1fr}}
