@layer base, layout, components, pages;
@layer pages {
/* experience.css — page-specific */

.role-stack {
  display: grid;
  gap: 18px;
  margin-top: 10px;
}

.role__title {
  margin: 0 0 6px 0;
  color: #61dafb;
}

.role__dates {
  opacity: 0.8;
  margin-bottom: 10px;
}

.role__list {
  margin: 0;
  padding-left: 18px;
}

.role__list li {
  margin: 6px 0;
}
}