.article-featured, .article-item { max-width: 820px; padding-block: var(--space-8); }
.article-featured__meta, .article-item__meta { display: flex; align-items: center; gap: var(--space-4); margin-bottom: var(--space-4); }
.article-date { font-size: var(--text-xs); color: var(--text-secondary); }
.article-featured__title { font-size: var(--text-xl); color: var(--navy); margin-bottom: var(--space-6); line-height: 1.2; }
.article-item__title { font-size: var(--text-lg); color: var(--navy); margin-bottom: var(--space-5); line-height: 1.3; }

.article-featured__body p,
.article-item__body p {
  color: var(--text-secondary); line-height: 1.8; margin-bottom: var(--space-5); font-size: var(--text-base);
}
.article-featured__body h3,
.article-item__body h3 {
  font-family: var(--font-body); font-size: var(--text-base); font-weight: 600; color: var(--navy); margin-bottom: var(--space-3); margin-top: var(--space-6);
}
.article-divider { height: 1px; background: var(--gray-200); margin-block: var(--space-4); max-width: 820px; }

.newsletter-box {
  display: flex; align-items: center; justify-content: space-between; gap: var(--space-8); flex-wrap: wrap;
  background: var(--white); border: 1px solid var(--gray-200); border-radius: var(--radius-lg); padding: var(--space-8) var(--space-10);
}
@media (max-width: 700px) { .newsletter-box { flex-direction: column; align-items: flex-start; } }
