.bl-hero{max-width:var(--max-w);margin:0 auto;padding:160px 48px 40px}
.bl-hero h1{margin-bottom:16px}
.bl-filters{display:flex;gap:8px;flex-wrap:wrap;padding:20px 48px 40px;max-width:var(--max-w);margin:0 auto}
@media(max-width:768px){.bl-filters{padding:20px 24px 32px}.bl-hero{padding:140px 24px 24px}}
.bl-chip{padding:8px 16px;background:transparent;border:1px solid var(--border-1);border-radius:20px;color:var(--dim);font-family:var(--font-mono);font-size:11px;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:all .3s}
@media (prefers-reduced-motion:no-preference){.bl-chip{transition:all .3s}}
.bl-chip:hover{border-color:var(--border-2);color:var(--text)}
.bl-chip.active{background:var(--accent);color:var(--bg);border-color:var(--accent)}
.bl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:var(--max-w);margin:0 auto;padding:0 48px 100px}
@media(max-width:900px){.bl-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.bl-grid{grid-template-columns:1fr;padding:0 24px 60px}}
.bl-card{background:var(--surface-1);border:1px solid var(--border-1);border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;display:flex;flex-direction:column}
@media (prefers-reduced-motion:no-preference){.bl-card{transition:all .5s}}
.bl-card:hover{transform:translateY(-4px);border-color:var(--border-2)}
.bl-thumb{height:180px;background:var(--surface-2);border-bottom:1px solid var(--border-1);display:grid;place-items:center;font-size:44px;position:relative}
.bl-thumb .chip{position:absolute;top:12px;left:12px}
.bl-body{padding:24px}
.bl-body .date{font-family:var(--font-mono);font-size:11px;color:var(--dim);letter-spacing:1px;text-transform:uppercase;margin-bottom:10px}
.bl-body h3{font-size:18px;line-height:1.3;margin-bottom:10px}
.bl-body p{font-size:13.5px;color:var(--dim);line-height:1.7;margin-bottom:14px}
.bl-read{font-family:var(--font-mono);font-size:11px;color:var(--accent);letter-spacing:1px;text-transform:uppercase}
.bl-empty{max-width:var(--max-w);margin:0 auto;padding:0 48px 100px;text-align:center;color:var(--dim);font-size:14px}
