.blog.svelte-u4k2t{padding:140px calc(50% - 600px) 80px;display:flex;flex-direction:column;gap:32px;background:#f7f8f3;min-height:100vh}.empty-state.svelte-u4k2t{font-size:18px;color:#6b645b}.post-grid.svelte-u4k2t{display:flex;flex-direction:column;gap:28px}.post-card.svelte-u4k2t{display:grid;grid-template-columns:minmax(240px,360px) 1fr;background:#fff;border-radius:24px;box-shadow:0 20px 45px #191f3514;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.post-card.svelte-u4k2t:hover{transform:translateY(-4px);box-shadow:0 30px 54px #191f351f}.cover.svelte-u4k2t img:where(.svelte-u4k2t),.cover-placeholder.svelte-u4k2t{display:block;width:100%;height:100%;object-fit:cover}.cover-placeholder.svelte-u4k2t{min-height:100%;background:linear-gradient(135deg,#b7f5ec,#f8d1ff)}.post-content.svelte-u4k2t{padding:36px 40px;display:flex;flex-direction:column;gap:18px}.post-meta.svelte-u4k2t{display:flex;align-items:center;gap:16px;font-size:16px;color:#6b645b}.author-avatar.svelte-u4k2t{width:56px;height:56px;border-radius:50%;object-fit:cover;border:3px solid rgba(47,212,200,.4)}.author-name.svelte-u4k2t{font-weight:600;color:#1d1a16;margin:0}.published-date.svelte-u4k2t{margin:2px 0 0;color:#6b645b;font-size:15px}.featured-label.svelte-u4k2t{margin-left:auto;font-size:13px;font-weight:700;letter-spacing:.12em;color:#7367ff;text-transform:uppercase}h2.svelte-u4k2t{font-size:36px;line-height:1.1;margin:0}h2.svelte-u4k2t a:where(.svelte-u4k2t){text-decoration:none;color:#1d1a16}h2.svelte-u4k2t a:where(.svelte-u4k2t):hover{color:#2fd4c8}.excerpt.svelte-u4k2t{font-size:18px;color:#4a4339;margin:0;line-height:1.6}.read-more.svelte-u4k2t{font-weight:600;color:#2b6de2;text-decoration:none;margin-top:auto}.read-more.svelte-u4k2t:hover{text-decoration:underline}@media (max-width: 1200px){.blog.svelte-u4k2t{padding:120px 32px 64px}}@media (max-width: 900px){.post-card.svelte-u4k2t{grid-template-columns:1fr}.cover.svelte-u4k2t{max-height:280px}}@media (max-width: 640px){.post-content.svelte-u4k2t{padding:28px 24px}.cover-img.svelte-u4k2t{max-height:280px;width:100%;object-fit:cover;border-radius:8px}.cover.svelte-u4k2t:before{padding-top:80%}h2.svelte-u4k2t{font-size:28px}}
