.filter-bar.svelte-u4k2t{display:flex;align-items:center;gap:var(--space-xs);padding:0 var(--space-lg) var(--space-md);flex-wrap:wrap}.filter-tab.svelte-u4k2t{display:inline-flex;align-items:center;gap:var(--space-2xs);padding:var(--space-3xs) var(--space-sm);background:transparent;border:1px solid rgba(0,0,0,.12);border-radius:var(--radius-sm);font-family:var(--font-primary);font-size:var(--font-small);font-weight:600;text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-text-secondary);text-decoration:none;cursor:pointer;transition:all var(--transition-fast)}.filter-tab.svelte-u4k2t:hover{color:var(--color-text);border-color:#0000004d;background:#0000000a}.filter-tab.active.svelte-u4k2t{background:var(--color-text);color:var(--color-bg);border-color:var(--color-text)}[data-theme=dark] .filter-tab.svelte-u4k2t{border-color:#ffffff1f}[data-theme=dark] .filter-tab.svelte-u4k2t:hover{border-color:#ffffff4d;background:#ffffff0f}[data-theme=dark] .filter-tab.active.svelte-u4k2t{background:var(--color-text);color:var(--color-bg);border-color:var(--color-text)}.filter-shape.svelte-u4k2t{width:10px;height:10px;flex-shrink:0;fill:currentColor}.blog-list.svelte-u4k2t{display:grid;grid-template-columns:1fr;gap:var(--space-lg);padding:0 var(--space-lg) var(--space-2xl)}@media(min-width:40rem){.blog-list.svelte-u4k2t{grid-template-columns:repeat(2,1fr)}}.post-card.svelte-u4k2t{display:flex;flex-direction:column;background:#f5f5f7;border:1px solid rgba(0,0,0,.5);border-radius:var(--radius-lg);text-decoration:none;overflow:hidden;transition:all var(--transition-fast)}[data-theme=dark] .post-card.svelte-u4k2t{background:var(--color-surface);border-color:#ffffff1a}.post-card.svelte-u4k2t:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.post-image.svelte-u4k2t{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block}.post-body.svelte-u4k2t{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-lg)}.post-meta.svelte-u4k2t{display:flex;align-items:center;justify-content:space-between}.post-reading-time.svelte-u4k2t{font-family:var(--font-heading);font-size:var(--font-small);color:var(--color-text-secondary)}.post-pill.svelte-u4k2t{display:inline-flex;align-items:center;gap:var(--space-2xs);align-self:flex-start;padding:var(--space-4xs, .1rem) var(--space-xs);background:#0000000d;border:1px solid rgba(0,0,0,.1);border-radius:var(--radius-sm);font-family:var(--font-primary);font-size:var(--font-caption);font-weight:700;text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-text-secondary);line-height:1.4;cursor:pointer;transition:all var(--transition-fast)}.post-pill.svelte-u4k2t:hover{background:#0000001a;color:var(--color-text)}[data-theme=dark] .post-pill.svelte-u4k2t{background:#ffffff0f;border-color:#ffffff1a}[data-theme=dark] .post-pill.svelte-u4k2t:hover{background:#ffffff1f}.pill-shape.svelte-u4k2t{width:10px;height:10px;flex-shrink:0;fill:currentColor}.post-title.svelte-u4k2t{font-family:var(--font-heading);font-size:1.309rem;font-weight:700;color:var(--color-text);margin:0;line-height:1.3}.post-desc.svelte-u4k2t{font-family:var(--font-heading);font-size:var(--font-body-size);color:var(--color-text-secondary);margin:0;line-height:1.6}.post-cta.svelte-u4k2t{display:inline-flex;align-items:center;gap:var(--space-2xs);font-family:var(--font-primary);font-size:var(--font-small);font-weight:600;color:var(--color-text);margin-top:var(--space-2xs)}
