/* Article/Blog page specific styles */
.article-meta {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
  font-size: 0.85rem;
  color: var(--gray2);
  margin: 16px 0 24px;
}

.article-meta-tag {
  background: rgba(43,92,246,0.12);
  border: 1px solid rgba(43,92,246,0.25);
  color: var(--accent2);
  padding: 4px 12px;
  border-radius: 100px;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
}

.article-cta {
  background: linear-gradient(135deg, rgba(43,92,246,0.12), rgba(123,156,255,0.06));
  border: 1px solid rgba(43,92,246,0.25);
  border-radius: 16px;
  padding: 32px;
  margin: 40px 0;
  text-align: center;
}

.article-cta h3 { color: var(--white); font-size: 1.2rem; margin-bottom: 8px; }
.article-cta p { color: var(--gray); font-size: 0.9rem; margin-bottom: 20px; }

.back-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--accent2);
  font-size: 0.88rem;
  font-weight: 600;
  margin-bottom: 24px;
  transition: gap var(--transition);
}

.back-link:hover { gap: 12px; }