/* Blog index layout v3 (Wolf's design, Oct 22 2026). Site header/footer unchanged. */
.bw{max-width:1000px;margin:0 auto;padding:36px 20px 60px;color:#e6e8ec;font-family:'Inter',system-ui,sans-serif;line-height:1.55}
.bw a{text-decoration:none;color:inherit}
.bw-eye{font-size:.7rem;letter-spacing:.08em;color:#8f949e;text-transform:uppercase;margin:0 0 8px}
.bw h1{font-size:clamp(1.8rem,4vw,2.4rem);font-weight:700;letter-spacing:-.03em;margin:0 0 8px;line-height:1.15}
.bw-lead{color:#a8acb5;font-size:.95rem;max-width:480px;margin:0 0 28px}
.bw-feat{display:grid;grid-template-columns:1.1fr 1fr;background:#161a21;border:1px solid rgba(230,232,236,0.08);border-radius:16px;overflow:hidden;margin-bottom:24px;transition:border-color .2s,transform .2s}
.bw-feat:hover,.bw-feat:focus-visible{border-color:rgba(230,232,236,0.26);transform:translateY(-2px)}
.bw-fv{min-height:280px;position:relative;overflow:hidden}
.bw-fv img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bw-ov{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0.1),rgba(17,20,26,0.55))}
.bw-brand{position:absolute;top:16px;left:16px;z-index:2;display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600;color:#e6e8ec;background:rgba(0,0,0,0.4);padding:4px 8px;border-radius:6px}
.bw-brand img{width:18px;height:18px;position:static;display:block}
.bw-ft{position:absolute;bottom:20px;left:20px;right:20px;z-index:2;margin:0;font-size:1.4rem;font-weight:700;line-height:1.25;color:#e6e8ec;text-shadow: none}
.bw-fc{padding:24px;display:flex;flex-direction:column;justify-content:center}
.bw-fl{font-size:.7rem;letter-spacing:.06em;color:#9a97e8;text-transform:uppercase;margin:0 0 8px;font-weight:600}
.bw-fc h2{font-size:1.35rem;font-weight:700;margin:0 0 8px;line-height:1.3}
.bw-fc .bw-ex{color:#a8acb5;font-size:.875rem;margin:0 0 12px}
.bw-meta{font-size:.75rem;color:#8f949e;margin:0}
.bw-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;list-style:none;margin:0;padding:0}
.bw-card{display:block;height:100%;background:#161a21;border:1px solid rgba(230,232,236,0.08);border-radius:14px;overflow:hidden;transition:border-color .2s,transform .2s}
.bw-card:hover,.bw-card:focus-visible{border-color:rgba(230,232,236,0.26);transform:translateY(-2px)}
.bw-cv{height:160px;position:relative;overflow:hidden}
.bw-cv>img{width:100%;height:100%;object-fit:cover;display:block}
.bw-cv .bw-brand{top:10px;left:10px;gap:5px;font-size:.65rem;background:rgba(17,20,26,0.5);padding:3px 7px;border-radius:5px}
.bw-cb{padding:16px}
.bw-cb h3{font-size:1rem;font-weight:600;margin:0 0 6px;line-height:1.35}
.bw-cb .bw-ex{font-size:.8rem;color:#a8acb5;margin:0 0 10px}
.bw-cb .bw-meta{font-size:.7rem}
@media (max-width:700px){
 .bw{padding:24px 20px 48px}
 .bw h1{font-size:1.6rem}
 .bw-lead{font-size:.9rem}
 .bw-feat{grid-template-columns:1fr}
 .bw-fv{min-height:200px}
 .bw-fc{padding:20px}
 .bw-grid{grid-template-columns:1fr;gap:12px}
 .bw-cv{height:180px}
}
@media (prefers-reduced-motion:reduce){.bw-feat,.bw-card{transition:none}.bw-feat:hover,.bw-card:hover{transform:none}}