/* Portal: navigation between a student's courses */
.course-nav {
  display: flex;
  flex-wrap: wrap;
  gap: var(--hstp);
  margin-bottom: var(--stp);

  a {
    padding: var(--hstp) var(--stp);
    border: 1px solid #ddd;
    color: inherit;
    text-decoration: none;
    font-weight: 600;
    transition: border-color 0.2s;

    &:hover {
      border-color: #999;
    }

    &[aria-current="page"] {
      border-color: currentColor;
    }
  }
}

.course-list {
  display: flex;
  flex-direction: column;
  gap: var(--stp);
  list-style: none;

  a {
    padding: 1.25rem 1.5rem;
    display: block;
    border: 1px solid #ddd;
    color: inherit;
    font-size: 1.2rem;
    font-weight: 600;
    text-decoration: none;
    transition: border-color 0.2s;

    &:hover {
      border-color: #999;
    }
  }
}