.tech-section { padding: 1rem 0 4rem; }

.article-card {
  background: var(--bg-card);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: 2rem;
  margin-bottom: 2rem;
  transition: box-shadow var(--transition);
}

.article-card:hover { box-shadow: var(--shadow-hover); }

.article-header {
  margin-bottom: 1.5rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--border);
}

.article-header h2 {
  color: var(--primary);
  font-size: 1.5rem;
}

.article-body {
  color: var(--text-secondary);
  line-height: 1.8;
}

.article-body p { margin-bottom: 1rem; }

.article-body h3 {
  color: var(--text);
  font-size: 1.15rem;
  margin: 1.5rem 0 0.75rem;
}

.article-body ul {
  padding-left: 1.5rem;
  margin-bottom: 1rem;
}

.article-body li { margin-bottom: 0.5rem; }

.article-body strong { color: var(--text); }

@media (max-width: 768px) {
  .article-card { padding: 1.25rem; }
}