.blog-page.svelte-u4k2t{max-width:960px;margin:0 auto;padding:2rem 1rem 4rem}.page-header.svelte-u4k2t{margin-bottom:2.5rem}.page-header.svelte-u4k2t h1:where(.svelte-u4k2t){font-size:2rem;margin:0 0 .5rem;color:var(--text-primary);font-family:JetBrains Mono,Fira Code,monospace}.accent.svelte-u4k2t{color:var(--accent)}.subtitle.svelte-u4k2t{color:var(--text-secondary);margin:0;font-size:1.1rem}.post-grid.svelte-u4k2t{display:flex;flex-direction:column;gap:1rem;list-style:none;margin:0;padding:0}.post-card.svelte-u4k2t{display:block;background:linear-gradient(135deg,var(--bg-card) 0%,var(--bg-card-hover) 100%);border:1px solid var(--border);border-radius:12px;text-decoration:none;transition:all .3s ease;position:relative;overflow:hidden}.post-card.svelte-u4k2t:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent-gradient);opacity:0;transition:opacity .3s ease}.post-card.svelte-u4k2t:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:var(--shadow)}.post-card.svelte-u4k2t:hover:before{opacity:1}.card-content.svelte-u4k2t{padding:1.5rem}.title.svelte-u4k2t{margin:0 0 .5rem;color:var(--text-primary);font-size:1.25rem;font-weight:600;line-height:1.3;transition:color .2s}.post-card.svelte-u4k2t:hover .title:where(.svelte-u4k2t){color:var(--accent)}.description.svelte-u4k2t{margin:0 0 1rem;color:var(--text-secondary);font-size:.95rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.meta.svelte-u4k2t{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.date.svelte-u4k2t{color:var(--text-muted);font-size:.85rem;font-family:JetBrains Mono,Fira Code,monospace}.tags.svelte-u4k2t{display:flex;gap:.5rem;flex-wrap:wrap}.tag.svelte-u4k2t{font-size:.75rem;padding:.25rem .6rem;background:#27ca401a;color:var(--accent);border-radius:4px;font-family:JetBrains Mono,Fira Code,monospace}@media(max-width:720px){.blog-page.svelte-u4k2t{padding:1rem}.page-header.svelte-u4k2t h1:where(.svelte-u4k2t){font-size:1.5rem}.card-content.svelte-u4k2t{padding:1rem}.title.svelte-u4k2t{font-size:1.1rem}}