/* Container */
.article-container {
  max-width: 900px;
  margin: 40px auto;
  padding: 24px;
  background: rgba(255, 255, 255, 0.02);
  border-radius: 12px;
  box-shadow: 0 8px 24px var(--shadow-over-color);
  font-family: var(--font-main);
}

/* Liste */
.article-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* Item */
.article-item {
  padding: 16px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  transition: transform 0.2s ease, opacity 0.2s ease;
}

.article-item:last-child {
  border-bottom: none;
}

.article-item:hover {
  transform: translateX(4px);
  opacity: 0.95;
}

/* Meta */
.article-meta {
  margin: 0;
  font-size: 14px;
  letter-spacing: 0.3px;
  color: var(--text-color);
}

/* Lien */
.article-link {
  color: var(--accent-color);
  font-weight: 600;
  text-decoration: none;
  transition: color 0.2s ease;
}

.article-link:hover {
  color: var(--highlight-color);
}

/* Date */
.article-date {
  color: var(--primary-color-light);
  font-size: 13px;
}