/* bilkent.css — Coursework page */

.course-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 16px;
}
.course {
  background: var(--panel);
  border: 1px solid var(--line);
  border-left: 5px solid var(--accent);
  box-shadow: var(--shadow-sm);
  padding: 16px 18px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  transition: transform .15s, box-shadow .15s;
}
.course:hover {
  transform: translateY(-3px);
  box-shadow: var(--shadow);
}
.course-title {
  font-weight: 700;
  color: var(--ink);
  font-size: .98rem;
}
/* Pin the category label to the bottom so it aligns across cards */
.course .tag { align-self: flex-start; margin-top: auto; }

@media (max-width: 520px) {
  .course-grid { grid-template-columns: 1fr; }
}