.search.svelte-1epue5w{position:relative;margin-bottom:var(--space-6);max-width:28rem}.search.svelte-1epue5w .input:where(.svelte-1epue5w){padding-right:4.5rem}.clear.svelte-1epue5w{position:absolute;top:50%;right:var(--space-3);transform:translateY(-50%);padding:.2rem .3rem;border:0;background:none;font-family:var(--font-mono);font-size:var(--step--1);color:var(--ink-muted);cursor:pointer}.clear.svelte-1epue5w:hover{color:var(--ink)}.grid.svelte-1epue5w{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}.post-card.svelte-1epue5w{display:flex;flex-direction:column;overflow:hidden;background:var(--paper-raised);border:1px solid var(--rule);border-radius:var(--radius-l);text-decoration:none;transition:border-color .15s}.post-card.svelte-1epue5w:hover{border-color:var(--ink)}.post-card.svelte-1epue5w img:where(.svelte-1epue5w){width:100%;height:auto;border-bottom:1px solid var(--rule)}.card-body.svelte-1epue5w{display:flex;flex-direction:column;gap:var(--space-2);flex:1;padding:var(--space-5)}h2.svelte-1epue5w{font-size:var(--step-1);line-height:1.2}.card-body.svelte-1epue5w .muted:where(.svelte-1epue5w){flex:1;font-size:var(--step--1)}.meta.svelte-1epue5w{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-3);font-family:var(--font-mono);font-size:.72rem;color:var(--ink-faint)}.empty.svelte-1epue5w{padding-block:var(--space-8);text-align:center}.pager.svelte-1epue5w{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--rule)}.numbers.svelte-1epue5w{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.number.svelte-1epue5w{min-width:2.2rem}.number.active.svelte-1epue5w{background:var(--ink);border-color:var(--ink);color:var(--paper)}.gap.svelte-1epue5w{display:flex;align-items:center;color:var(--ink-faint)}@media(max-width:1024px){.grid.svelte-1epue5w{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.grid.svelte-1epue5w{grid-template-columns:1fr}.pager.svelte-1epue5w{flex-direction:column}.numbers.svelte-1epue5w{order:-1}}@media(pointer:coarse){.number.svelte-1epue5w{min-width:44px}.pager.svelte-1epue5w .btn{min-height:44px}}
