/* ==========================================================================
   ON VOUGA — article.css
   ========================================================================== */

.article-section{ background: var(--white); padding-bottom: 90px; }
.article-head{ padding: 40px 0 30px; max-width: 720px; }
.article-head .post-tag{
  display: inline-block; background: var(--green-500); color: var(--navy-950);
  font-size: 11px; font-weight: 700; padding: 6px 12px; border-radius: var(--radius-pill);
  margin: 14px 0 14px;
}
.article-head h1{ font-size: clamp(26px, 4vw, 38px); margin-bottom: 12px; }
.article-head .post-meta{ color: var(--ink-soft); font-size: 13.5px; }

.article-media{
  max-width: var(--container);
  margin: 0 auto 40px;
  aspect-ratio: 21/8;
  border-radius: var(--radius-lg);
  background-color: #0b0e1a;
  background-image: linear-gradient(180deg, rgba(10,14,35,.05), rgba(10,14,35,.55)), url('images/blog-conseils.jpg');
  background-size: cover;
  background-position: center;
}
@media (max-width: 1248px){ .article-media{ margin-left: 24px; margin-right: 24px; width: auto; } }

.article-body{ max-width: 700px; }
.article-body h2{ font-size: 20px; margin: 32px 0 12px; }
.article-body p{ color: var(--ink-soft); font-size: 15.5px; line-height: 1.8; margin-bottom: 8px; }