.article-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-4);
}

.article-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: var(--space-5);
}

.article-content {
  padding: clamp(1.4rem, 4vw, 2.2rem);
}

.article-content h2 {
  margin-top: 2rem;
}

.article-content ul {
  padding-left: 1.1rem;
}

.sidebar-card {
  padding: 1.35rem;
  position: sticky;
  top: calc(var(--nav-height) + 1rem);
}

@media (max-width: 980px) {
  .article-grid,
  .article-layout {
    grid-template-columns: 1fr;
  }
}