.bl-main{max-width:1100px;margin:0 auto;padding:0 1.5rem 5rem}.bl-hero{border:3px solid var(--bord);box-shadow:var(--card-shadow);background:var(--surf);margin-bottom:2.5rem;padding:2.5rem 2rem}.bl-eyebrow{font-family:var(--pixel);color:var(--text);background:var(--surf2);border:2px solid var(--bord);letter-spacing:.04em;margin-bottom:1rem;padding:.3em .8em;font-size:.72rem;font-weight:800;display:inline-block}.bl-h1{font-family:var(--pixel);text-transform:uppercase;letter-spacing:-.01em;color:var(--text);margin-bottom:.65rem;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:900;line-height:1.1}.bl-sub{color:var(--muted);max-width:560px;margin-bottom:1.5rem;font-size:.95rem;line-height:1.7}.bl-filters{flex-wrap:wrap;gap:.5rem;display:flex}.bl-filter-btn{border:2px solid var(--bord);background:var(--bg);color:var(--text);cursor:pointer;padding:.35rem .9rem;font-size:.8rem;font-weight:700;transition:all .1s}.bl-filter-btn:hover{box-shadow:2px 2px 0 0 var(--bord);transform:translate(-2px,-2px)}.bl-filter-btn.active{background:var(--blue);border-color:var(--bord);color:var(--bg)}.bl-loading{color:var(--muted);flex-direction:column;align-items:center;gap:1rem;padding:5rem 2rem;font-size:.9rem;display:flex}.bl-spinner{border:3px solid var(--bord);border-top-color:var(--green);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite bl-spin}@keyframes bl-spin{to{transform:rotate(360deg)}}.bl-empty{text-align:center;color:var(--muted);flex-direction:column;align-items:center;padding:5rem 2rem}.bl-empty h2{color:var(--text);margin-bottom:.5rem;font-size:1.2rem}.bl-grid{grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:1.5rem}.bl-featured{background:var(--surf);border:3px solid var(--bord);box-shadow:6px 6px 0 0 var(--bord);color:inherit;grid-column:1/-1;align-items:stretch;gap:1.5rem;padding:1.75rem;text-decoration:none;transition:transform .12s,box-shadow .12s;display:flex}.bl-featured:hover{box-shadow:9px 9px 0 0 var(--bord);transform:translate(-3px,-3px)}.bl-featured-icon{background:var(--cat-color);border:3px solid var(--bord);color:#000;flex-shrink:0;justify-content:center;align-items:center;width:96px;height:96px;display:flex}.bl-featured-body{flex-direction:column;flex:1;min-width:0;display:flex}.bl-featured-title{font-family:var(--pixel);color:var(--text);margin:.6rem 0;font-size:clamp(1rem,2.5vw,1.35rem);font-weight:800;line-height:1.35}.bl-featured-excerpt{color:var(--muted);margin-bottom:.85rem;font-size:.9rem;line-height:1.7}.bl-card{background:var(--surf);border:3px solid var(--bord);box-shadow:4px 4px 0 0 var(--bord);color:inherit;flex-direction:column;gap:0;padding:0 1.5rem 1.25rem;text-decoration:none;transition:transform .12s,box-shadow .12s;display:flex;position:relative;overflow:hidden}.bl-card:hover{box-shadow:7px 7px 0 0 var(--bord);transform:translate(-3px,-3px)}.bl-card-icon-band{color:#000;border-bottom:3px solid var(--bord);margin:0 -1.5rem 1rem;padding:1.1rem 1.5rem;display:flex}.bl-card-top{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.bl-card-cat{font-family:var(--pixel);color:#000;letter-spacing:0;border:1px solid var(--bord);padding:.2rem .55rem;font-size:.62rem;font-weight:800}.bl-card-read{color:var(--muted);font-size:.75rem}.bl-card-title{color:var(--text);margin-bottom:.6rem;font-size:1.05rem;font-weight:700;line-height:1.4}.bl-card-excerpt{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;margin-bottom:1rem;font-size:.84rem;line-height:1.7;display:-webkit-box;overflow:hidden}.bl-card-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem;margin-bottom:.85rem;display:flex}.bl-card-date{color:var(--muted);font-size:.75rem}.bl-card-tags{flex-wrap:wrap;gap:.3rem;display:flex}.bl-tag{color:var(--text);background:var(--surf2);border:1px solid var(--bord);padding:.1rem .4rem;font-size:.7rem;font-weight:600}.bl-card-cta{font-family:var(--pixel);color:var(--text);letter-spacing:0;margin-top:auto;font-size:.65rem;font-weight:800}@media (width<=640px){.bl-main{padding:0 1rem 4rem}.bl-hero{padding:2rem 0 1.5rem}.bl-grid{grid-template-columns:1fr}.bl-featured{flex-direction:column}.bl-featured-icon{width:100%;height:64px}}