.blog-list.svelte-u4k2t{max-width:900px;margin:0 auto;padding:0 2rem 4rem}.blog-header.svelte-u4k2t{padding:2rem 0 1.5rem;border-bottom:1px solid var(--border-subtle);margin-bottom:2rem}.blog-header.svelte-u4k2t h1:where(.svelte-u4k2t){font-family:var(--font-display);font-size:2.25rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.375rem}.blog-desc.svelte-u4k2t{color:var(--text-secondary);font-size:.95rem}.blog-hand.svelte-u4k2t{font-family:var(--font-hand);font-size:1.25rem;color:var(--color-hand, var(--color-primary-main));margin-top:.5rem}.drafts-banner.svelte-u4k2t{margin-top:1rem;padding:.5rem 1rem;background:color-mix(in oklch,var(--color-warning-main) 15%,transparent);border:1px solid color-mix(in oklch,var(--color-warning-main) 30%,transparent);border-radius:6px;font-size:.8125rem;font-family:var(--font-mono);color:var(--text-primary)}.filters.svelte-u4k2t{display:flex;gap:.375rem;flex-wrap:wrap;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-subtle)}.filter-btn.svelte-u4k2t{padding:.3rem .75rem;border-radius:6px;font-family:var(--font-mono);font-size:.75rem;border:1px solid var(--border-default);background:transparent;color:var(--text-secondary);cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.filter-btn.svelte-u4k2t:hover{border-color:var(--text-muted)}.filter-btn.svelte-u4k2t.active{color:var(--text-primary);background:light-dark(oklch(92% .01 var(--filter-hue, 75)),oklch(22% .015 var(--filter-hue, 75)));border-color:light-dark(oklch(70% .03 var(--filter-hue, 75)),oklch(40% .03 var(--filter-hue, 75)))}.section-label.svelte-u4k2t{font-family:var(--font-mono);font-size:.7rem;color:var(--text-meta);text-transform:uppercase;letter-spacing:.06em;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-default)}.section-label--posts.svelte-u4k2t{margin-top:2rem}.series-section.svelte-u4k2t{margin-bottom:2rem}.series-callout.svelte-u4k2t{display:block;padding:1.25rem 0;border-bottom:1px solid var(--border-subtle);text-decoration:none;color:inherit;transition:opacity .15s ease}.series-section.svelte-u4k2t:has(.series-callout:where(.svelte-u4k2t):hover) .series-callout:where(.svelte-u4k2t):not(:hover){opacity:.55}@media(prefers-reduced-motion:reduce){.series-section.svelte-u4k2t:has(.series-callout:where(.svelte-u4k2t):hover) .series-callout:where(.svelte-u4k2t):not(:hover){opacity:1}}.series-meta.svelte-u4k2t{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.375rem;display:flex;align-items:center;gap:.5rem}.part-count.svelte-u4k2t{background:var(--color-secondary-soft);padding:.1rem .4rem;border-radius:4px;font-size:.7rem;color:var(--color-secondary-soft-contrast)}.series-title.svelte-u4k2t{font-family:var(--font-display);font-weight:700;font-size:1.125rem;margin:0 0 .25rem;line-height:1.3}.series-desc.svelte-u4k2t{color:var(--text-secondary);font-size:.85rem;max-width:55ch;line-height:1.5}.series-tags.svelte-u4k2t{display:flex;gap:.25rem;margin-top:.5rem;flex-wrap:wrap}.post-masonry.svelte-u4k2t{columns:1;column-gap:var(--spacing-6, 1.5rem);max-width:900px;margin:0 auto}@media(min-width:600px){.post-masonry.svelte-u4k2t{columns:2}}@media(min-width:900px){.post-masonry.svelte-u4k2t{columns:3}}.post-card.svelte-u4k2t{break-inside:avoid;margin-bottom:var(--spacing-6, 1.5rem);border:1px solid var(--border-subtle);border-radius:8px;transition:opacity .15s ease,border-color .15s ease;animation:svelte-u4k2t-reveal linear both;animation-timeline:view();animation-range:entry 0% entry 20%}@keyframes svelte-u4k2t-reveal{0%{opacity:0;translate:0 12px}}@supports not (animation-timeline: view()){.post-card.svelte-u4k2t{opacity:1;animation:none}}@media(prefers-reduced-motion:reduce){.post-card.svelte-u4k2t{animation:none;transition:none}}.post-masonry.svelte-u4k2t:has(.post-card:where(.svelte-u4k2t):hover) .post-card:where(.svelte-u4k2t):not(:hover){opacity:.55}@media(prefers-reduced-motion:reduce){.post-masonry.svelte-u4k2t:has(.post-card:where(.svelte-u4k2t):hover) .post-card:where(.svelte-u4k2t):not(:hover){opacity:1}}.post-card.svelte-u4k2t:hover{border-color:light-dark(oklch(70% .04 var(--cat-hue, 75)),oklch(40% .04 var(--cat-hue, 75)))}.post-card-link.svelte-u4k2t{display:flex;flex-direction:column;padding:1rem;text-decoration:none;color:inherit}.post-category.svelte-u4k2t{font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:light-dark(oklch(48% .05 var(--cat-hue, 75)),oklch(72% .05 var(--cat-hue, 75)));margin-bottom:.25rem}.post-card.svelte-u4k2t:hover .post-category:where(.svelte-u4k2t){color:light-dark(oklch(48% .08 var(--cat-hue, 75)),oklch(72% .08 var(--cat-hue, 75)))}.post-title.svelte-u4k2t{font-family:var(--font-display);font-weight:600;font-size:.95rem;margin-bottom:.25rem;line-height:1.35;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.post-excerpt.svelte-u4k2t{font-size:.85rem;color:var(--text-secondary);line-height:1.55;margin:0 0 .5rem}.post-footer.svelte-u4k2t{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:auto;padding-top:.5rem;border-top:1px solid var(--border-subtle)}.post-date.svelte-u4k2t{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);white-space:nowrap}.post-tags.svelte-u4k2t{display:flex;gap:.25rem;flex-wrap:wrap}.tag.svelte-u4k2t{padding:.1rem .4rem;border-radius:4px;font-size:.7rem;font-family:var(--font-mono);background:var(--bg-muted);color:var(--text-secondary)}.tag--warning.svelte-u4k2t{background:color-mix(in oklch,var(--color-warning-main) 20%,transparent);color:light-dark(var(--palette-warning-dark),var(--palette-warning-light))}.no-posts.svelte-u4k2t{padding:3rem 0;text-align:center;color:var(--text-muted)}