.blog-page.svelte-u4k2t{max-width:1100px;margin:0 auto;padding:7rem 2rem 4rem}.blog-header.svelte-u4k2t{margin-bottom:2.5rem}.blog-header.svelte-u4k2t h1:where(.svelte-u4k2t){font-size:2.8rem;font-weight:900;color:#292e31;margin-bottom:.4rem}.blog-header.svelte-u4k2t p:where(.svelte-u4k2t){font-size:1.05rem;color:#888}.tag-filter.svelte-u4k2t{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2.5rem}.filter-btn.svelte-u4k2t{font-family:Poppins,sans-serif;font-size:.82rem;font-weight:500;padding:.4rem 1rem;border:1.5px solid #ddd;background:transparent;border-radius:20px;color:#666;cursor:pointer;transition:all .2s}.filter-btn.svelte-u4k2t:hover{border-color:#4361ee;color:#4361ee}.filter-btn.active.svelte-u4k2t{background:#4361ee;border-color:#4361ee;color:#fff}.posts-list.svelte-u4k2t{display:flex;flex-direction:column;gap:1rem}.post-row.svelte-u4k2t{display:flex;align-items:stretch;gap:0;background:#fff;border-radius:14px;padding:0;border:1px solid #eee;transition:transform .25s,box-shadow .25s;animation:svelte-u4k2t-fadeUp .4s ease both;overflow:hidden}.post-row.svelte-u4k2t:hover{transform:translateY(-2px);box-shadow:0 10px 36px #0000000f}.post-row.svelte-u4k2t:hover .post-arrow:where(.svelte-u4k2t){transform:translate(4px);color:#4361ee}.post-row.svelte-u4k2t:hover .post-cover:where(.svelte-u4k2t) img:where(.svelte-u4k2t){transform:scale(1.04)}.post-cover.svelte-u4k2t{width:240px;min-height:100%;flex-shrink:0;overflow:hidden;background:#f2f3f7}.post-cover.svelte-u4k2t img:where(.svelte-u4k2t){width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.post-info.svelte-u4k2t{flex:1;padding:1.8rem 2rem}.post-meta.svelte-u4k2t{display:flex;gap:1rem;margin-bottom:.5rem}.post-date.svelte-u4k2t,.post-read.svelte-u4k2t{font-size:.8rem;color:#aaa;font-weight:500}.post-title.svelte-u4k2t{font-size:1.25rem;font-weight:700;color:#292e31;margin-bottom:.4rem;line-height:1.35}.post-excerpt.svelte-u4k2t{font-size:.9rem;color:#666;line-height:1.55;margin-bottom:.8rem}.post-tags.svelte-u4k2t{display:flex;flex-wrap:wrap;gap:.4rem}.tag.svelte-u4k2t{background:#eef0fb;color:#4361ee;font-size:.72rem;padding:.22rem .55rem;border-radius:20px;font-weight:500}.post-arrow.svelte-u4k2t{font-size:1.4rem;color:#ccc;transition:transform .2s,color .2s;flex-shrink:0;padding-right:1.5rem;align-self:center}.no-posts.svelte-u4k2t{text-align:center;color:#aaa;padding:3rem 0;font-size:.95rem}@keyframes svelte-u4k2t-fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.blog-page.svelte-u4k2t{padding:6rem 1.5rem 3rem}.blog-header.svelte-u4k2t h1:where(.svelte-u4k2t){font-size:2.2rem}.post-row.svelte-u4k2t{flex-direction:column}.post-cover.svelte-u4k2t{width:100%;height:180px;min-height:auto}.post-info.svelte-u4k2t{padding:1.2rem 1.5rem}.post-title.svelte-u4k2t{font-size:1.1rem}.post-arrow.svelte-u4k2t{display:none}}
