/* Blog di un'agenzia (v2): elenco a griglia e articolo a colonna di lettura. */
@layer pages {
  .blog-list { padding-block: var(--space-5, 1.5rem) var(--space-8, 3rem); }
  .blog-grid { display: grid; gap: 1.25rem; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); }
  .blog-card { border: 1px solid var(--line, #e3e6e4); border-radius: 16px; overflow: hidden; background: var(--surface, #fff); display: flex; flex-direction: column; }
  .blog-card__media img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; display: block; }
  .blog-card__body { padding: 1rem; display: grid; gap: .5rem; }
  .blog-card__body h2 { font-size: 1.1rem; margin: 0; }
  .blog-card__body h2 a { color: inherit; text-decoration: none; }
  .blog-article { max-width: 46rem; padding-block: var(--space-5, 1.5rem) var(--space-8, 3rem); display: grid; gap: 1rem; }
  .blog-cover { width: 100%; border-radius: 16px; }
  .blog-video iframe, .blog-video .portal-consent-video { width: 100%; aspect-ratio: 16 / 9; border: 0; border-radius: 12px; }
  .blog-body { line-height: 1.7; }
  .blog-gallery { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); }
  .blog-gallery img { width: 100%; border-radius: 12px; }
  .blog-actions { display: flex; flex-wrap: wrap; gap: .75rem; }
}