.blog-index.svelte-u4k2t{max-width:1200px;margin-inline:auto;padding:clamp(24px,4vh,48px) var(--page-x) var(--page-bottom)}.index-head.svelte-u4k2t{max-width:62ch;margin-bottom:clamp(28px,4vh,44px)}.index-title.svelte-u4k2t{margin:0 0 var(--spacing-s-4);font-size:min(var(--text-h1),11vw)}.index-lead.svelte-u4k2t{margin:0;max-width:52ch;font-size:var(--text-body);line-height:var(--leading-norm)}.search-row.svelte-u4k2t{margin-top:var(--spacing-s-5)}.search-field.svelte-u4k2t{position:relative;max-width:400px}.search-icon.svelte-u4k2t{position:absolute;left:var(--spacing-s-3);top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--text-3);pointer-events:none}.search-input.svelte-u4k2t{width:100%;padding:var(--spacing-s-2) var(--spacing-s-4) var(--spacing-s-2) calc(var(--spacing-s-3) + 18px + var(--spacing-s-2));border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface-2);color:var(--text);font-family:var(--font-text);font-size:var(--text-sm);line-height:var(--leading-norm);transition:border-color var(--duration-quick) var(--ease)}.search-input.svelte-u4k2t::placeholder{color:var(--text-3)}.search-input.svelte-u4k2t:focus{outline:none;border-color:var(--clay)}.search-input.svelte-u4k2t::-webkit-search-cancel-button{display:none}.search-clear.svelte-u4k2t{position:absolute;right:var(--spacing-s-2);top:50%;transform:translateY(-50%);width:24px;height:24px;padding:0;border:none;border-radius:var(--radius-full);background:var(--surface-1);color:var(--text-3);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color var(--duration-quick) var(--ease)}.search-clear.svelte-u4k2t:hover{color:var(--text)}.search-clear.svelte-u4k2t svg:where(.svelte-u4k2t){width:14px;height:14px}.topics.svelte-u4k2t{display:flex;flex-wrap:wrap;gap:var(--spacing-s-3);margin-top:var(--spacing-s-5)}.topic-chip.svelte-u4k2t{display:inline-flex;align-items:center;gap:var(--spacing-s-2);padding:var(--spacing-s-2) var(--spacing-s-4);border:1px solid var(--border-strong);border-radius:var(--radius-full);font-family:var(--font-text);font-size:var(--text-sm);font-weight:var(--weight-med);color:var(--text-2);background:transparent;cursor:pointer;transition:border-color var(--duration-quick) var(--ease),color var(--duration-quick) var(--ease),background var(--duration-quick) var(--ease)}.topic-chip.svelte-u4k2t:hover{border-color:var(--clay);color:var(--text)}.topic-chip.active.svelte-u4k2t{border-color:var(--clay);background:var(--clay);color:var(--color-paper)}.topic-chip.active.svelte-u4k2t .count:where(.svelte-u4k2t){color:var(--color-paper);opacity:.7}.topic-clear.svelte-u4k2t{border-style:dashed;color:var(--text-3)}.topic-clear.svelte-u4k2t:hover{color:var(--text);border-color:var(--text-3)}.count.svelte-u4k2t{font-size:var(--text-xs);color:var(--text-3)}.results-count.svelte-u4k2t{margin:0 0 var(--spacing-s-4);font-size:var(--text-sm);color:var(--text-3)}.post-grid.svelte-u4k2t{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--spacing-s-4);list-style:none;margin:0;padding:0}.post-item.svelte-u4k2t{min-width:0;display:flex}.empty.svelte-u4k2t{max-width:48ch;color:var(--text-2);line-height:var(--leading-loose)}.link-button.svelte-u4k2t{background:none;border:none;padding:0;color:var(--clay);font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.link-button.svelte-u4k2t:hover{color:var(--text)}.pagination.svelte-u4k2t{display:flex;align-items:center;justify-content:center;gap:var(--spacing-s-2);margin-top:var(--spacing-s-7);padding-top:var(--spacing-s-5);border-top:1px solid var(--border-subtle)}.page-btn.svelte-u4k2t{padding:var(--spacing-s-2) var(--spacing-s-4);border:1px solid var(--border-strong);border-radius:var(--radius);background:transparent;color:var(--text-2);font-family:var(--font-text);font-size:var(--text-sm);font-weight:var(--weight-med);cursor:pointer;transition:border-color var(--duration-quick) var(--ease),color var(--duration-quick) var(--ease)}.page-btn.svelte-u4k2t:hover:not(:disabled){border-color:var(--clay);color:var(--text)}.page-btn.svelte-u4k2t:disabled{opacity:.4;cursor:not-allowed}.page-numbers.svelte-u4k2t{display:flex;align-items:center;gap:var(--spacing-s-1)}.page-num.svelte-u4k2t{width:36px;height:36px;padding:0;border:1px solid transparent;border-radius:var(--radius);background:transparent;color:var(--text-2);font-family:var(--font-text);font-size:var(--text-sm);font-weight:var(--weight-med);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color var(--duration-quick) var(--ease),color var(--duration-quick) var(--ease),background var(--duration-quick) var(--ease)}.page-num.svelte-u4k2t:hover{border-color:var(--border-strong);color:var(--text)}.page-num.active.svelte-u4k2t{border-color:var(--clay);background:var(--clay);color:var(--color-paper)}.page-ellipsis.svelte-u4k2t{width:24px;text-align:center;color:var(--text-3);font-size:var(--text-sm)}@media(max-width:1000px){.post-grid.svelte-u4k2t{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.post-grid.svelte-u4k2t{grid-template-columns:1fr;gap:var(--spacing-s-5)}.search-field.svelte-u4k2t{max-width:100%}.pagination.svelte-u4k2t{gap:var(--spacing-s-1)}.page-btn.svelte-u4k2t{padding:var(--spacing-s-2) var(--spacing-s-3);font-size:var(--text-xs)}.page-num.svelte-u4k2t{width:32px;height:32px;font-size:var(--text-xs)}}