/* BillsZilla blog — TED-style theme (mirrors PDFZippy's blog look, BillsZilla branding).
   All rules are scoped under .bz-blog so tool/generator pages are unaffected. */
.bz-blog .blog-intro{padding:36px 0 8px}
.bz-blog .blog-intro h1{font-size:2.75rem;line-height:1.15;letter-spacing:-.5px;font-weight:900;color:var(--slate);margin:0 0 14px}
.bz-blog .blog-intro p{font-size:1.125rem;color:var(--muted);max-width:720px;margin:0}
.bz-blog .kicker{color:var(--green-dark);font-weight:800;font-size:.75rem;letter-spacing:1.6px;text-transform:uppercase;margin:0 0 8px}
.bz-blog .featured{display:grid;grid-template-columns:1.25fr 1fr;gap:32px;align-items:center;padding:30px 0 36px;border-bottom:1px solid var(--line);margin-bottom:36px}
.bz-blog .featured img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:14px;display:block}
.bz-blog .featured h2{font-size:2rem;line-height:1.2;margin:0 0 10px;font-weight:900}
.bz-blog .featured h2 a{color:var(--slate);text-decoration:none}
.bz-blog .featured h2 a:hover{color:var(--green-dark)}
.bz-blog .featured .excerpt{font-size:1rem;color:var(--muted);margin:0 0 12px}
.bz-blog .featured a.more{color:var(--green-dark);font-weight:700;font-size:.875rem;text-decoration:none;display:inline-block;margin-top:12px}
.bz-blog .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px 26px}
.bz-blog .card img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:12px;display:block;margin-bottom:14px}
.bz-blog .card h2{font-size:1.25rem;line-height:1.3;margin:0 0 8px;font-weight:800}
.bz-blog .card h2 a{color:var(--slate);text-decoration:none}
.bz-blog .card h2 a:hover{color:var(--green-dark)}
.bz-blog .card .excerpt{font-size:.9375rem;color:var(--muted);margin:0 0 8px}
.bz-blog .card a.read{font-weight:700;font-size:.9375rem}
.bz-blog .hero{max-width:780px;margin:0 auto 26px}
.bz-blog .hero img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:14px;display:block}
@media(max-width:1000px){
  .bz-blog .grid{grid-template-columns:repeat(2,1fr)}
  .bz-blog .featured{grid-template-columns:1fr}
  .bz-blog .featured h2{font-size:1.7rem}
}
@media(max-width:600px){
  .bz-blog .grid{grid-template-columns:1fr}
  .bz-blog .blog-intro h1{font-size:2rem}
}