.article-list {
  padding: 48px 0 80px;
}

.article-list-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
  gap: 18px;
  margin-top: 28px;
}

.article-card {
  display: grid;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 14px 36px rgba(17, 24, 39, 0.07);
}

.article-card img {
  width: 100%;
  height: 210px;
  object-fit: cover;
}

.article-card-copy {
  display: grid;
  gap: 12px;
  padding: 20px;
}

.article-card-copy h2,
.article-card-copy p {
  margin: 0;
}

.article-card-copy h2 {
  overflow-wrap: anywhere;
  text-wrap: balance;
  word-break: keep-all;
}

.article-card-copy p {
  color: var(--muted);
  line-height: 1.65;
}