.k-blog-page.svelte-u4k2t{font-family:var(--k-font-family);background-color:#fafafa;min-height:100vh;padding:60px 0 100px}.k-container.svelte-u4k2t{max-width:1200px;margin:0 auto;padding:0 24px}.k-blog-header.svelte-u4k2t{text-align:center;margin-bottom:48px}.k-blog-header.svelte-u4k2t h1:where(.svelte-u4k2t){color:#111;margin-bottom:16px;font-size:48px;font-weight:900}.k-blog-header.svelte-u4k2t p:where(.svelte-u4k2t){color:#666;font-size:20px}.k-categories.svelte-u4k2t{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:64px;display:flex}.k-category-pill.svelte-u4k2t{border:1px solid var(--k-border);color:#444;cursor:pointer;background:#fff;border-radius:30px;padding:10px 20px;font-size:15px;font-weight:600;transition:all .2s}.k-category-pill.svelte-u4k2t:hover{color:#111;border-color:#111}.k-category-pill.active.svelte-u4k2t{color:#fff;background:#111;border-color:#111}.k-featured-post.svelte-u4k2t{background:#fff;border-radius:24px;grid-template-columns:1fr 1fr;margin-bottom:64px;display:grid;overflow:hidden;box-shadow:0 15px 35px #0000000d}.k-featured-image.svelte-u4k2t{height:100%;min-height:400px;position:relative}.k-featured-image.svelte-u4k2t img:where(.svelte-u4k2t){object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.k-featured-tag.svelte-u4k2t{color:#111;background:#fff;border-radius:20px;padding:6px 16px;font-size:14px;font-weight:800;position:absolute;top:24px;left:24px}.k-featured-content.svelte-u4k2t{flex-direction:column;justify-content:center;padding:64px 48px;display:flex}.k-post-meta.svelte-u4k2t{color:#666;align-items:center;gap:8px;margin-bottom:16px;font-size:14px;display:flex}.k-dot.svelte-u4k2t{font-size:10px}.k-featured-content.svelte-u4k2t h2:where(.svelte-u4k2t){color:#111;margin-bottom:24px;font-size:36px;font-weight:800;line-height:1.2}.k-featured-content.svelte-u4k2t p:where(.svelte-u4k2t){color:#555;margin-bottom:32px;font-size:18px;line-height:1.6}.k-read-more.svelte-u4k2t{color:var(--k-orange);align-items:center;gap:8px;font-size:16px;font-weight:800;text-decoration:none;transition:gap .2s;display:inline-flex}.k-read-more.svelte-u4k2t:hover{gap:12px}.k-posts-grid.svelte-u4k2t{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:32px;display:grid}.k-post-card.svelte-u4k2t{border:1px solid var(--k-border);background:#fff;border-radius:20px;flex-direction:column;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden;box-shadow:0 5px 15px #00000005}.k-post-card.svelte-u4k2t:hover{transform:translateY(-5px);box-shadow:0 15px 30px #00000014}.k-post-image.svelte-u4k2t{height:220px;position:relative}.k-post-image.svelte-u4k2t img:where(.svelte-u4k2t){object-fit:cover;width:100%;height:100%}.k-post-tag.svelte-u4k2t{background:#fff;border-radius:12px;padding:4px 12px;font-size:12px;font-weight:800;position:absolute;top:16px;left:16px}.k-post-content.svelte-u4k2t{flex-direction:column;flex:1;padding:24px;display:flex}.k-post-date.svelte-u4k2t{color:#888;margin-bottom:12px;font-size:13px}.k-post-content.svelte-u4k2t h3:where(.svelte-u4k2t){color:#111;margin-bottom:12px;font-size:20px;font-weight:800;line-height:1.3}.k-post-content.svelte-u4k2t p:where(.svelte-u4k2t){color:#555;flex:1;margin-bottom:24px;font-size:15px;line-height:1.5}.k-post-content.svelte-u4k2t .k-read-more:where(.svelte-u4k2t){color:#111;font-size:14px}.k-post-content.svelte-u4k2t .k-read-more:where(.svelte-u4k2t):hover{color:var(--k-orange)}.k-no-posts.svelte-u4k2t{text-align:center;color:#666;grid-column:1/-1;padding:64px 0;font-size:18px}.k-load-more.svelte-u4k2t{text-align:center;margin-top:64px}.k-btn-outline.svelte-u4k2t{color:#111;cursor:pointer;background:0 0;border:2px solid #111;border-radius:30px;padding:12px 32px;font-size:16px;font-weight:800;transition:all .2s}.k-btn-outline.svelte-u4k2t:hover{color:#fff;background:#111}@media (width<=768px){.k-featured-post.svelte-u4k2t{grid-template-columns:1fr}.k-featured-image.svelte-u4k2t{min-height:250px}.k-featured-content.svelte-u4k2t{padding:32px 24px}.k-featured-content.svelte-u4k2t h2:where(.svelte-u4k2t){font-size:28px}.k-blog-header.svelte-u4k2t h1:where(.svelte-u4k2t){font-size:36px}}