.blog-page.svelte-u4k2t{max-width:1200px;margin:0 auto;padding:64px 24px 96px}.page-header.svelte-u4k2t{text-align:center;margin-bottom:40px}.page-label.svelte-u4k2t{display:inline-block;font-size:11px;font-weight:800;letter-spacing:2.5px;text-transform:uppercase;color:#c62828;margin-bottom:12px}.page-title.svelte-u4k2t{font-size:clamp(28px,4vw,40px);font-weight:900;color:hsl(var(--foreground));margin:0 0 12px}.accent.svelte-u4k2t{color:#c62828}.page-sub.svelte-u4k2t{font-size:15px;color:hsl(var(--muted-foreground));max-width:520px;margin:0 auto;line-height:1.7}.filter-wrap.svelte-u4k2t{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:40px}.filter-btn.svelte-u4k2t{padding:7px 18px;border-radius:999px;border:1.5px solid rgba(198,40,40,.3);background:transparent;font-size:12px;font-weight:600;color:hsl(var(--muted-foreground));cursor:pointer;transition:all .2s ease;letter-spacing:.3px}.filter-btn.svelte-u4k2t:hover{border-color:#c62828;color:#c62828}.filter-btn.active.svelte-u4k2t{background:linear-gradient(135deg,#c62828,#e53935);border-color:transparent;color:#fff;box-shadow:0 4px 12px #c6282859}.blog-grid.svelte-u4k2t{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}@media(max-width:900px){.blog-grid.svelte-u4k2t{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.blog-grid.svelte-u4k2t{grid-template-columns:1fr}}.blog-card.svelte-u4k2t{display:flex;flex-direction:column;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:1rem;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 2px 12px #0000000f;transition:transform .3s ease,box-shadow .3s ease;height:100%}.blog-card.svelte-u4k2t:hover{transform:translateY(-5px);box-shadow:0 12px 36px #0000001f,0 2px 8px #c628281f}.thumb-wrap.svelte-u4k2t{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:hsl(var(--muted));flex-shrink:0}.thumb-img.svelte-u4k2t{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease}.blog-card.svelte-u4k2t:hover .thumb-img:where(.svelte-u4k2t){transform:scale(1.05)}.cat-badge.svelte-u4k2t{position:absolute;top:12px;left:12px;background:linear-gradient(135deg,#c62828,#e53935);color:#fff;font-size:10px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;padding:4px 10px;border-radius:4px}.card-body.svelte-u4k2t{display:flex;flex-direction:column;flex-grow:1;padding:20px;gap:10px}.meta-row.svelte-u4k2t{display:flex;align-items:center;gap:6px}.meta-item.svelte-u4k2t{display:flex;align-items:center;gap:4px;font-size:11px;color:hsl(var(--muted-foreground));font-weight:500}.meta-icon.svelte-u4k2t{width:11px;height:11px;flex-shrink:0}.meta-dot.svelte-u4k2t{color:hsl(var(--muted-foreground));opacity:.4;font-size:14px;line-height:1}.card-title.svelte-u4k2t{font-size:15px;font-weight:700;color:hsl(var(--foreground));line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s ease}.blog-card.svelte-u4k2t:hover .card-title:where(.svelte-u4k2t){color:#c62828}.card-excerpt.svelte-u4k2t{font-size:12.5px;color:hsl(var(--muted-foreground));line-height:1.7;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex-grow:1}.card-footer.svelte-u4k2t{display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid hsl(var(--border));margin-top:auto}.author-row.svelte-u4k2t{display:flex;align-items:center;gap:8px;min-width:0}.author-avatar.svelte-u4k2t{width:28px;height:28px;border-radius:50%;overflow:hidden;border:1.5px solid rgba(198,40,40,.4);flex-shrink:0}.author-avatar.svelte-u4k2t img:where(.svelte-u4k2t){width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.author-name.svelte-u4k2t{font-size:11px;font-weight:600;color:hsl(var(--muted-foreground));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.read-more.svelte-u4k2t{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:700;color:#c62828;white-space:nowrap;flex-shrink:0;transition:gap .2s ease}.blog-card.svelte-u4k2t:hover .read-more:where(.svelte-u4k2t){gap:7px}.arrow-icon.svelte-u4k2t{width:12px;height:12px;flex-shrink:0;transition:transform .2s ease}.blog-card.svelte-u4k2t:hover .arrow-icon:where(.svelte-u4k2t){transform:translate(3px)}