.blog-header.svelte-slq3m3{text-align:center;margin-bottom:4rem}.blog-header.svelte-slq3m3 h1:where(.svelte-slq3m3){font-size:3.5rem;margin:0 0 1rem;color:#2d5016;font-weight:800;letter-spacing:-1px}.blog-header.svelte-slq3m3 p:where(.svelte-slq3m3){font-size:1.25rem;color:#4a7c59;margin:0;font-weight:400}.posts-container.svelte-slq3m3{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2.5rem;max-width:1000px;margin:0 auto}.post-card.svelte-slq3m3{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1.5rem;padding:2.5rem;box-shadow:0 8px 32px #2d50161a;transition:all .3s ease;border:1px solid rgba(255,255,255,.2);height:fit-content}.post-card.svelte-slq3m3:hover{transform:translateY(-8px);box-shadow:0 16px 48px #2d501626;background:#fffffff2}.post-tags.svelte-slq3m3{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tag.svelte-slq3m3{background:#2d50161a;color:#2d5016;padding:.4rem 1rem;border-radius:1.5rem;font-size:.8rem;font-weight:600;border:1px solid rgba(45,80,22,.2)}.post-content.svelte-slq3m3 h2:where(.svelte-slq3m3){margin:0 0 1.5rem;font-size:1.75rem;line-height:1.3;font-weight:700}.post-content.svelte-slq3m3 h2:where(.svelte-slq3m3) a:where(.svelte-slq3m3){color:#2d5016;text-decoration:none;transition:color .2s ease}.post-content.svelte-slq3m3 h2:where(.svelte-slq3m3) a:where(.svelte-slq3m3):hover{color:#4a7c59}.post-excerpt.svelte-slq3m3{color:#4a7c59;margin:0 0 2rem;line-height:1.7;font-size:1.05rem}.post-meta.svelte-slq3m3{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:#6b8e23;margin-bottom:2rem;font-weight:500}.read-more.svelte-slq3m3{color:#2d5016;text-decoration:none;font-weight:600;font-size:1.05rem;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.read-more.svelte-slq3m3:hover{color:#4a7c59;transform:translate(4px)}.no-posts.svelte-slq3m3{grid-column:1 / -1;text-align:center;padding:4rem 2rem;color:#4a7c59;font-size:1.2rem}@media (max-width: 768px){.blog-header.svelte-slq3m3 h1:where(.svelte-slq3m3){font-size:2.5rem}.blog-header.svelte-slq3m3 p:where(.svelte-slq3m3){font-size:1.125rem}.posts-container.svelte-slq3m3{grid-template-columns:1fr;gap:2rem}.post-card.svelte-slq3m3{padding:2rem}.post-content.svelte-slq3m3 h2:where(.svelte-slq3m3){font-size:1.5rem}.post-meta.svelte-slq3m3{flex-direction:column;gap:.5rem;align-items:flex-start}}
