.blog-page.svelte-u4k2t{background:var(--color-bg);min-height:100vh}.py-20.svelte-u4k2t{padding-top:5rem;padding-bottom:5rem}.blog-header.svelte-u4k2t{max-width:700px}.blog-header.svelte-u4k2t .badge:where(.svelte-u4k2t){display:inline-block;padding:.4rem 1rem;background:var(--color-accent-light);color:var(--color-accent);border-radius:var(--radius-full);font-size:.85rem;font-weight:600;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.blog-header.svelte-u4k2t h1:where(.svelte-u4k2t){color:var(--color-primary);margin-bottom:1.5rem}.blog-header.svelte-u4k2t .highlight:where(.svelte-u4k2t){color:var(--color-accent)}.blog-header.svelte-u4k2t p:where(.svelte-u4k2t){color:var(--color-secondary);font-size:1.25rem;line-height:1.6}.posts-grid.svelte-u4k2t{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:3rem}@media(max-width:640px){.posts-grid.svelte-u4k2t{grid-template-columns:1fr;gap:2rem}}.post-card.svelte-u4k2t{background:#fff;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border);transition:all var(--transition);display:flex;flex-direction:column}.post-card.svelte-u4k2t:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000014;border-color:var(--color-accent)}.post-card.svelte-u4k2t:hover .image-wrapper:where(.svelte-u4k2t) img:where(.svelte-u4k2t){transform:scale(1.05)}.image-wrapper.svelte-u4k2t{width:100%;height:240px;overflow:hidden;position:relative;display:block}.image-wrapper.svelte-u4k2t img:where(.svelte-u4k2t){width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.image-wrapper.svelte-u4k2t .placeholder-image:where(.svelte-u4k2t){width:100%;height:100%;background:var(--color-brand);display:flex;align-items:center;justify-content:center;color:#fff3}.card-content.svelte-u4k2t{padding:2rem;flex:1;display:flex;flex-direction:column}.card-content.svelte-u4k2t .meta:where(.svelte-u4k2t){display:flex;align-items:center;gap:.75rem;font-size:.85rem;color:var(--color-tertiary);margin-bottom:1rem}.card-content.svelte-u4k2t .meta:where(.svelte-u4k2t) span:where(.svelte-u4k2t){display:flex;align-items:center;gap:.4rem}.card-content.svelte-u4k2t .meta:where(.svelte-u4k2t) .divider:where(.svelte-u4k2t){color:var(--color-border)}.card-content.svelte-u4k2t a:where(.svelte-u4k2t){text-decoration:none}.card-content.svelte-u4k2t h2:where(.svelte-u4k2t){font-size:1.5rem;color:var(--color-brand);margin-bottom:1rem;line-height:1.3;transition:color var(--transition-fast)}.card-content.svelte-u4k2t h2:where(.svelte-u4k2t):hover{color:var(--color-accent)}.card-content.svelte-u4k2t p:where(.svelte-u4k2t){color:var(--color-secondary);font-size:1rem;line-height:1.6;margin-bottom:2rem;display:-webkit-box;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-content.svelte-u4k2t .categories:where(.svelte-u4k2t){display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;margin-top:auto}.card-content.svelte-u4k2t .category-tag:where(.svelte-u4k2t){font-size:.75rem;font-weight:600;padding:.25rem .75rem;background:var(--color-bg);color:var(--color-secondary);border-radius:var(--radius-full);transition:all var(--transition-fast)}.card-content.svelte-u4k2t .category-tag:where(.svelte-u4k2t):hover{background:var(--color-accent-light);color:var(--color-accent)}.card-content.svelte-u4k2t .read-more:where(.svelte-u4k2t){display:flex;align-items:center;gap:.5rem;font-weight:700;color:var(--color-accent);font-size:.9rem;margin-top:auto}.card-content.svelte-u4k2t .read-more:where(.svelte-u4k2t) svg{transition:transform var(--transition-fast)}.card-content.svelte-u4k2t .read-more:where(.svelte-u4k2t):hover svg{transform:translate(4px)}