.work {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.dates {
  display: flex;
  width: 100%;
  gap: 1rem;
  font-size: 0.75rem;
  font-style: italic;
}

.work-summary {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding-left: 2rem;
}

.work-summary li {
  list-style-type: lower-roman;
}

.work-links {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.work-links a {
  color: var(--offset);
}

.work-links a:hover {
  color: var(--background);
  background: var(--offset);
}

.work-links a:visited {
  color: var(--offset);
}