/* Blog — só o que styles.css não cobre: lista de posts e metadados de artigo. */
.blog-lista { list-style: none; display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 0 clamp(24px, 4vw, 56px); }
.blog-lista li { border-top: 1px solid var(--linha); padding: 26px 0 30px; }
.blog-lista h2 { font-size: 1.15rem; font-weight: 650; letter-spacing: -.01em; }
.blog-lista h2 a { text-decoration: none; }
.blog-lista h2 a:hover { color: var(--rubi); }
.blog-lista p { margin-top: 10px; color: var(--tinta-2); }
.blog-meta { font-size: .86rem; color: var(--tinta-2); margin-top: 6px; }
.artigo-meta { color: var(--claro-2); font-size: .96rem; }
.artigo-meta .status { margin-right: 4px; }