/* A maior parte do visual (cards, badges, página de detalhe) já vem de
   ../events/css/events.css, linkado antes deste arquivo — aqui só ficam
   os ajustes específicos do Blog. */

.blog-grid{ grid-template-columns:repeat(2, 1fr); gap:1.8rem; }
.blog-grid .event-card-media{ aspect-ratio:16/9; }

@media (max-width:760px){
  .blog-grid{ grid-template-columns:1fr; }
}

.blog-post-body{
  max-width:720px; margin:0 auto; padding:0 1.5rem 6rem; color:var(--text);
  line-height:1.85; font-size:1.05rem;
}
.blog-post-body p{ margin-bottom:1.3rem; }