.article-container {
 width: 100%;
 display: flex;
 flex-direction: column;
 align-items: center;
}

.article-container > a{
 text-decoration: none; /* Removes underline */
  color: inherit;        /* Keeps your text black/grey instead of link blue */
  display: block;        /* Ensures the link takes up the full width/height */
  width: 90%;            /* Keeps your 90% width requirement */
  max-width: 1200px;     
  text-align: left;      /* FIX: Forces text back to the left */
  margin-bottom: 12px;   /* Spacing between cards */
}


.list-item {
  /* Card dimensions */
  padding: 12px;
  width: 90%;
  max-width: 1200px;

  background-color: var(--card-background);

  /* Content */
  display: flex;
  align-items: flex-start;
  gap: 12px;
  
  /* Border stuff */
  border-radius: 12px;
  transition: all 0.2s;
  margin-bottom: 12px;
}

.list-item:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  transform: translateY(-4px);
}


.item-image-container {
  width: 300px;
  height: 200px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;

}

.item-image-container img{
  width: 100%;
  height: 100%;
  border-radius: 12px;
  object-fit: cover;
}

.item-description-container {
  flex: 1;
}

.item-description-container h2:hover {
  text-decoration: underline;
  color: var(--primary)
}