.blog-page.svelte-u4k2t{padding-bottom:0}.container.svelte-u4k2t{max-width:1100px;margin:0 auto;padding:0 24px}.blog-hero.svelte-u4k2t{padding:40px 0 0;background:linear-gradient(180deg,#f8fafc,#fff)}.blog-hero.svelte-u4k2t h1:where(.svelte-u4k2t){font-family:Syne,sans-serif;font-size:clamp(28px,4vw,40px);font-weight:800;color:#1e3a5f;margin:0 0 8px}.blog-hero.svelte-u4k2t p:where(.svelte-u4k2t){font-size:15px;color:#64748b;line-height:1.5;margin:0 0 20px;max-width:600px}.search-box.svelte-u4k2t{position:relative;max-width:480px;margin-bottom:14px}.search-icon.svelte-u4k2t{position:absolute;left:14px;top:50%;transform:translateY(-50%);pointer-events:none}.search-box.svelte-u4k2t input:where(.svelte-u4k2t){width:100%;padding:11px 40px 11px 42px;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;background:#fff;transition:border-color .12s}.search-box.svelte-u4k2t input:where(.svelte-u4k2t):focus{outline:none;border-color:#e8792b;box-shadow:0 0 0 3px #e8792b14}.clear-btn.svelte-u4k2t{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:none;background:none;color:#94a3b8;cursor:pointer;font-size:14px;padding:4px 8px}.cat-filters.svelte-u4k2t{display:flex;flex-wrap:wrap;gap:6px;padding-bottom:20px}.cat-filters.svelte-u4k2t button:where(.svelte-u4k2t){padding:5px 14px;border:1px solid #e2e8f0;border-radius:20px;background:#fff;font-size:12px;color:#64748b;cursor:pointer;transition:all .12s;font-weight:500}.cat-filters.svelte-u4k2t button:where(.svelte-u4k2t):hover{border-color:#e8792b;color:#e8792b}.cat-filters.svelte-u4k2t button.active:where(.svelte-u4k2t){background:#e8792b;color:#fff;border-color:#e8792b}.content-layout.svelte-u4k2t{max-width:1100px;margin:0 auto;padding:28px 24px 60px;display:grid;grid-template-columns:1fr 300px;gap:48px}.filter-info.svelte-u4k2t{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:10px 16px;background:#fef7f0;border-radius:8px;font-size:13px}.filter-info.svelte-u4k2t span:where(.svelte-u4k2t){color:#92400e}.filter-info.svelte-u4k2t button:where(.svelte-u4k2t){border:none;background:none;color:#e8792b;cursor:pointer;font-size:12px;font-weight:500}.posts-grid.svelte-u4k2t{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.post-card.svelte-u4k2t{border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;transition:all .18s;display:flex;flex-direction:column}.post-card.svelte-u4k2t:hover{border-color:#e8792b;box-shadow:0 8px 24px #e8792b14;transform:translateY(-3px)}.card-img.svelte-u4k2t{height:160px;background:#f1f5f9;overflow:hidden}.card-img.svelte-u4k2t img:where(.svelte-u4k2t){width:100%;height:100%;object-fit:cover}.card-img.placeholder.svelte-u4k2t{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e3a5f,#2d4a6f)}.card-img.placeholder.svelte-u4k2t span:where(.svelte-u4k2t){font-family:Syne,sans-serif;font-size:32px;font-weight:800;color:#ffffff26}.card-body.svelte-u4k2t{padding:18px;flex:1;display:flex;flex-direction:column}.card-meta.svelte-u4k2t{display:flex;gap:8px;align-items:center;margin-bottom:8px}.card-cat.svelte-u4k2t{font-size:10px;font-weight:600;color:#e8792b;text-transform:uppercase;letter-spacing:.03em}.card-date.svelte-u4k2t{font-size:11px;color:#94a3b8}.card-body.svelte-u4k2t h2:where(.svelte-u4k2t){font-family:Syne,sans-serif;font-size:16px;font-weight:700;color:#1e3a5f;line-height:1.3;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-body.svelte-u4k2t p:where(.svelte-u4k2t){font-size:13px;color:#64748b;line-height:1.5;margin:0;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-footer.svelte-u4k2t{font-size:11px;color:#94a3b8;margin-top:12px;display:flex;gap:4px}.pagination.svelte-u4k2t{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:32px}.pagination.svelte-u4k2t button:where(.svelte-u4k2t){padding:6px 14px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;font-size:13px;color:#64748b;cursor:pointer;transition:all .12s}.pagination.svelte-u4k2t button:where(.svelte-u4k2t):hover:not(:disabled){border-color:#e8792b;color:#e8792b}.pagination.svelte-u4k2t button:where(.svelte-u4k2t):disabled{opacity:.3;cursor:default}.pagination.svelte-u4k2t button.active:where(.svelte-u4k2t){background:#e8792b;color:#fff;border-color:#e8792b}.page-nums.svelte-u4k2t{display:flex;gap:4px}.sidebar.svelte-u4k2t{position:relative}.sb-section.svelte-u4k2t{margin-bottom:28px}.sb-section.svelte-u4k2t h4:where(.svelte-u4k2t){font-size:12px;font-weight:700;color:#475569;margin:0 0 14px}.pop-item.svelte-u4k2t{display:flex;gap:10px;padding:8px 0;border-bottom:1px solid #f1f5f9}.pop-item.svelte-u4k2t:hover .pop-title:where(.svelte-u4k2t){color:#e8792b}.pop-rank.svelte-u4k2t{width:22px;height:22px;border-radius:6px;background:#f1f5f9;color:#94a3b8;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0;margin-top:2px}.pop-title.svelte-u4k2t{font-size:13px;font-weight:500;color:#334155;line-height:1.35;display:block;transition:color .12s}.pop-meta.svelte-u4k2t{font-size:10px;color:#94a3b8;display:block;margin-top:2px}.tag-cloud.svelte-u4k2t{display:flex;flex-wrap:wrap;gap:5px}.stag.svelte-u4k2t{padding:4px 12px;border:1px solid #e2e8f0;border-radius:14px;background:#fff;font-size:11px;color:#64748b;cursor:pointer;transition:all .12s}.stag.svelte-u4k2t:hover{border-color:#e8792b;color:#e8792b}.stag.active.svelte-u4k2t{background:#e8792b;color:#fff;border-color:#e8792b}.loading.svelte-u4k2t{display:flex;justify-content:center;padding:60px}.spinner.svelte-u4k2t{width:28px;height:28px;border:2.5px solid #e2e8f0;border-top-color:#e8792b;border-radius:50%;animation:svelte-u4k2t-spin .6s linear infinite}@keyframes svelte-u4k2t-spin{to{transform:rotate(360deg)}}.empty.svelte-u4k2t{text-align:center;padding:60px 20px}.empty-icon.svelte-u4k2t{font-size:40px;margin-bottom:12px}.empty.svelte-u4k2t h3:where(.svelte-u4k2t){font-size:18px;color:#1e3a5f;margin-bottom:6px}.empty.svelte-u4k2t p:where(.svelte-u4k2t){font-size:14px;color:#64748b;margin-bottom:16px}.reset-btn.svelte-u4k2t{padding:8px 18px;background:#e8792b;color:#fff;border:none;border-radius:8px;font-size:13px;cursor:pointer}@media(max-width:900px){.content-layout.svelte-u4k2t{grid-template-columns:1fr;gap:32px}.sidebar.svelte-u4k2t{border-top:1px solid #e2e8f0;padding-top:28px}}@media(max-width:640px){.posts-grid.svelte-u4k2t{grid-template-columns:1fr}}