#blog-page.svelte-1ee1009{padding:2rem 0 4rem}.blog-container.svelte-1ee1009{max-width:1100px;margin:0 auto;padding:0 1.5rem}.blog-header.svelte-1ee1009{margin-bottom:2.5rem;border-bottom:2px solid #e0e0e0;padding-bottom:1.5rem}.blog-header.svelte-1ee1009 h1:where(.svelte-1ee1009){margin:0 0 .4rem;font-size:2.2rem;color:#1a1a2e}.blog-header.svelte-1ee1009 p:where(.svelte-1ee1009){margin:0;color:#555;font-size:1.05rem}.blog-layout.svelte-1ee1009{display:grid;grid-template-columns:1fr 280px;gap:2.5rem;align-items:start}.posts-list.svelte-1ee1009{display:flex;flex-direction:column;gap:2rem}.state-box.svelte-1ee1009{background:#f8f8f8;border:1px solid #e0e0e0;border-radius:6px;padding:2.5rem;text-align:center;color:#555}.error-box.svelte-1ee1009{background:#fff5f5;border-color:#f5c6c6;color:#c0392b}.post-card.svelte-1ee1009{background:#fff;border:1px solid #e4e4e4;border-radius:8px;overflow:hidden;box-shadow:0 1px 4px #0000000f;transition:box-shadow .2s ease}.post-card.svelte-1ee1009:hover{box-shadow:0 4px 14px #0000001a}.post-image-link.svelte-1ee1009{display:block;text-decoration:none}.post-image.svelte-1ee1009{width:100%;height:220px;object-fit:scale-down;display:block}.post-image-placeholder.svelte-1ee1009{width:100%;height:160px;background:linear-gradient(135deg,#1a1a2e,#16213e 60%,#0f3460);display:flex;align-items:center;justify-content:center}.post-image-placeholder.svelte-1ee1009 span:where(.svelte-1ee1009){color:#ffffff59;font-size:.9rem;letter-spacing:.05em;text-transform:uppercase}.post-body.svelte-1ee1009{padding:1.4rem 1.6rem 1.6rem}.post-meta-top.svelte-1ee1009{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem;margin-bottom:.75rem}.post-date.svelte-1ee1009{font-size:.82rem;color:#777}.category-badges.svelte-1ee1009{display:flex;flex-wrap:wrap;gap:.35rem}.badge.svelte-1ee1009{display:inline-block;background:#eef2ff;color:#3949ab;border:1px solid #c5cef5;border-radius:3px;padding:.1rem .5rem;font-size:.75rem;font-weight:600;text-transform:capitalize;letter-spacing:.02em}.post-title.svelte-1ee1009{font-size:1.35rem;margin:0 0 .6rem;line-height:1.3}.post-title.svelte-1ee1009 a:where(.svelte-1ee1009){color:#1a1a2e;text-decoration:none}.post-title.svelte-1ee1009 a:where(.svelte-1ee1009):hover{color:#3949ab;text-decoration:underline}.post-tagline.svelte-1ee1009{font-size:1rem;color:#444;font-style:italic;margin:0 0 .6rem}.post-summary.svelte-1ee1009{font-size:.93rem;color:#555;line-height:1.6;margin:0 0 1rem}.post-footer.svelte-1ee1009{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-top:1px solid #eee;padding-top:.9rem;margin-top:.5rem}.post-author.svelte-1ee1009{font-size:.85rem;color:#666}.read-more.svelte-1ee1009{font-size:.88rem;font-weight:600;color:#3949ab;text-decoration:none;white-space:nowrap}.read-more.svelte-1ee1009:hover{text-decoration:underline}.sidebar.svelte-1ee1009{position:sticky;top:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.sidebar-widget.svelte-1ee1009{background:#f8f9ff;border:1px solid #dde2f0;border-radius:8px;padding:1.2rem 1.3rem}.widget-title.svelte-1ee1009{font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#3949ab;margin:0 0 .9rem;padding-bottom:.6rem;border-bottom:1px solid #dde2f0}.filter-list.svelte-1ee1009{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem}.filter-btn.svelte-1ee1009{width:100%;display:flex;align-items:center;justify-content:space-between;background:none;border:1px solid transparent;border-radius:4px;padding:.45rem .6rem;cursor:pointer;font-size:.88rem;color:#333;text-align:left;transition:background .15s,border-color .15s}.filter-btn.svelte-1ee1009:hover{background:#eef2ff;border-color:#c5cef5}.filter-btn.active.svelte-1ee1009{background:#3949ab;border-color:#3949ab;color:#fff;font-weight:600}.filter-btn.active.svelte-1ee1009 .filter-count:where(.svelte-1ee1009){background:#ffffff40;color:#fff}.filter-label.svelte-1ee1009{text-transform:capitalize}.filter-count.svelte-1ee1009{background:#e0e5f7;color:#3949ab;border-radius:10px;padding:.05rem .5rem;font-size:.78rem;font-weight:700;min-width:1.6rem;text-align:center}.clear-btn.svelte-1ee1009{background:#fff;border:1px solid #ccc;border-radius:4px;padding:.5rem 1rem;font-size:.88rem;color:#555;cursor:pointer;transition:background .15s,border-color .15s}.clear-btn.svelte-1ee1009:hover{background:#fff5f5;border-color:#e57373;color:#c62828}.clear-btn.full-width.svelte-1ee1009{width:100%;text-align:center}@media (max-width: 768px){.blog-layout.svelte-1ee1009{grid-template-columns:1fr}.sidebar.svelte-1ee1009{position:static;order:2}.posts-column.svelte-1ee1009{order:1}}
