.blog-index.svelte-13pbspa.svelte-13pbspa{max-width:920px;margin:0 auto;padding:40px clamp(16px,4vw,40px) 56px}.bi-header.svelte-13pbspa.svelte-13pbspa{text-align:center;max-width:640px;margin:0 auto 40px}.bi-eyebrow.svelte-13pbspa.svelte-13pbspa{display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--color-brand);margin-bottom:10px}.bi-header.svelte-13pbspa h1.svelte-13pbspa{font-size:clamp(1.6rem,4vw,2.3rem);font-weight:900;color:var(--color-text);margin:0 0 12px;line-height:1.12}.bi-header.svelte-13pbspa p.svelte-13pbspa{color:var(--color-text-2);font-size:1rem;line-height:1.55;margin:0}.bi-empty.svelte-13pbspa.svelte-13pbspa{text-align:center;color:var(--color-text-2);padding:40px 0}.bi-grid.svelte-13pbspa.svelte-13pbspa{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.bi-card.svelte-13pbspa.svelte-13pbspa{display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s}.bi-card.svelte-13pbspa.svelte-13pbspa:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--color-brand)}.bi-cover.svelte-13pbspa.svelte-13pbspa{aspect-ratio:16 / 9;background:var(--color-surface-2);display:grid;place-items:center;overflow:hidden}.bi-cover.svelte-13pbspa img.svelte-13pbspa{width:60%;height:100%;object-fit:contain}.bi-body.svelte-13pbspa.svelte-13pbspa{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px}.bi-meta.svelte-13pbspa.svelte-13pbspa{display:flex;align-items:center;gap:6px;font-size:.74rem;color:var(--color-text-3);flex-wrap:wrap}.bi-cat.svelte-13pbspa.svelte-13pbspa{color:var(--color-brand);font-weight:700}.bi-dot.svelte-13pbspa.svelte-13pbspa{opacity:.5}.bi-body.svelte-13pbspa h2.svelte-13pbspa{font-size:1.08rem;font-weight:800;color:var(--color-text);margin:0;line-height:1.25}.bi-body.svelte-13pbspa p.svelte-13pbspa{font-size:.88rem;color:var(--color-text-2);line-height:1.5;margin:0}.bi-tags.svelte-13pbspa.svelte-13pbspa{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.bi-tag.svelte-13pbspa.svelte-13pbspa{font-size:.68rem;font-weight:700;color:var(--color-text-2);background:var(--color-surface-2);border:1px solid var(--color-border);padding:2px 9px;border-radius:var(--radius-full);letter-spacing:.01em}.bi-read.svelte-13pbspa.svelte-13pbspa{font-size:.85rem;font-weight:700;color:var(--color-brand);margin-top:4px}
