/* =========================================================
   CIS515 Homework page - homework-list.css
   The header, nav bar, background, and footer come from the
   portfolio's shared ../styles/styles.css. This file only adds
   the styling for the assignment list.
   ========================================================= */

/* Assignment list: no bullets, each link on its own row */
.assignments {
  list-style: none;
  margin: 0;
  padding: 0;
}

.assignments li {
  margin-bottom: 0.6rem;
}

/* Each assignment link looks like a card with a blue edge */
.assignments li a {
  display: block;
  padding: 0.7rem 1rem;
  background: #F4F6FB;
  border-left: 5px solid #2C3E8F;
  border-radius: 4px;
  font-weight: bold;
  text-decoration: none;
  transition: transform 0.15s ease, border-color 0.15s ease;
}

/* Pseudo-class: rows shift right and the edge turns gold on hover */
.assignments li a:hover {
  border-left-color: #F2B632;
  transform: translateX(4px);
}

@media (prefers-reduced-motion: reduce) {
  .assignments li a { transition: none; }
  .assignments li a:hover { transform: none; }
}