.blog-index{max-width:var(--width-wide);margin:0 auto;padding:4rem 1.5rem 6rem}.bf{margin-top:2rem}.bf-search{display:flex;gap:.75rem;align-items:center;margin-bottom:1rem}.bf-search-input{flex:1;max-width:360px;font-family:var(--font-body);font-size:.875rem;color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:.5rem .75rem;transition:border-color var(--duration-fast) var(--ease-out)}.bf-search-input:focus{outline:none;border-color:var(--border-focus)}.bf-clear{font-family:var(--font-mono);font-size:.75rem;color:var(--text-tertiary);background:none;border:none;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.bf-clear:hover{color:var(--text-secondary)}.bf-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.bf-row--tags{gap:.375rem}.bf-chip{font-family:var(--font-mono);font-size:.75rem;font-weight:500;padding:.3rem .75rem;border-radius:var(--radius-full);border:1px solid var(--border-default);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap}.bf-chip-icon{margin-right:.25rem}.bf-chip:hover{border-color:var(--border-strong)}.bf-chip--coral.bf-chip--active{background:var(--accent-coral-bg);border-color:var(--accent-coral);color:var(--accent-coral-text)}.bf-chip--mint.bf-chip--active{background:var(--accent-mint-bg);border-color:var(--accent-mint);color:var(--accent-mint-text)}.bf-chip--violet.bf-chip--active{background:var(--accent-violet-bg);border-color:var(--accent-violet);color:var(--accent-violet-text)}.bf-chip--amber.bf-chip--active{background:var(--accent-amber-bg);border-color:var(--accent-amber);color:var(--accent-amber-text)}.bf-tag{font-family:var(--font-mono);font-size:.6875rem;padding:.2rem .5rem;border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--bg-subtle);color:var(--text-tertiary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.bf-tag:hover{color:var(--text-secondary);border-color:var(--border-strong)}.bf-tag--active{background:var(--accent-violet-bg);border-color:var(--accent-violet);color:var(--accent-violet-text)}.bf-count{font-family:var(--font-mono);font-size:.75rem;color:var(--text-tertiary);margin-bottom:1.5rem}.bf-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.bf-card{display:block;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);text-decoration:none;overflow:hidden;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.bf-card:hover{transform:translateY(-2px) scale(1.005);box-shadow:var(--shadow-hover);border-color:var(--border-strong)}.bf-card-cover{width:100%;overflow:hidden;aspect-ratio:16 / 9}.bf-card-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--duration-slow) var(--ease-out)}.bf-card:hover .bf-card-cover img{transform:scale(1.04)}.bf-card-body{padding:var(--card-pad-compact)}.bf-card-meta{display:flex;gap:.5rem;align-items:center;margin-bottom:.75rem;font-family:var(--font-mono);font-size:.75rem;color:var(--text-tertiary)}.bf-card-badge{padding:.125rem .5rem;border-radius:var(--radius-full);font-size:.6875rem;font-weight:500;text-transform:lowercase}.bf-badge--coral{background:var(--accent-coral-bg);color:var(--accent-coral-text)}.bf-badge--mint{background:var(--accent-mint-bg);color:var(--accent-mint-text)}.bf-badge--violet{background:var(--accent-violet-bg);color:var(--accent-violet-text)}.bf-badge--amber{background:var(--accent-amber-bg);color:var(--accent-amber-text)}.bf-card-title{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--text-heading);margin-bottom:.5rem;line-height:1.3}.bf-card-excerpt{color:var(--text-secondary);font-size:.9375rem;line-height:1.6;margin-bottom:.75rem}.bf-card-more{font-size:.8125rem;font-weight:500;color:var(--accent-violet-text);transition:color var(--duration-fast) var(--ease-out)}.bf-card:hover .bf-card-more{color:var(--accent-violet)}.bf-empty{text-align:center;padding:3rem 1rem;color:var(--text-tertiary);font-size:.9375rem}@media(max-width:768px){.blog-index{padding:3rem 1.5rem 4rem}.bf-grid{grid-template-columns:1fr;gap:1rem}.bf-card-body{padding:1.25rem}.bf-card-title{font-size:1.125rem}.bf-search-input{max-width:none}}