/* Experience and education. Zones `experience-` and `edu-`, world layer. */

/* Box moved here from style.css; this sheet owns the component. D-213. */
.experience-card,
.experience-card-sm {
  background: var(--surface-base);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-os);
}

.experience-card {
  padding: 40px;
  margin-bottom: var(--space-3);
}

.experience-card-sm {
  padding: 28px;
  position: relative;
}

.experience-card:hover,
.experience-card-sm:hover {
  border-color: var(--border-strong);
}

@media (max-width: 900px) {
  .experience-card { padding: var(--space-5); }
}

@media (max-width: 640px) {
  .experience-card,
  .experience-card-sm { padding: 20px; }
}

.experience-card,
.experience-card-sm,
.edu-block {
  box-shadow: var(--elevation-surface);
}

/* These cards do not open anything: hover is a tint, not a lift. */
.experience-card:hover,
.experience-card-sm:hover {
  transform: none;
  z-index: auto;
}

/* will-change removed: no transform happens here. */
.experience-card,
.experience-card-sm {
  will-change: auto;
}

/* Section text on the base scale. D-130. */
.exp-body,
.exp-bullet-list li,
.exp-sm-body,
.edu-degrees {
  font-size: var(--type-body);
  line-height: 1.65;
}

/* Job titles out of accent orange. D-130. */
.exp-sm-role {
  font-family: var(--type-family-mono);
  font-size: var(--type-small);
  font-weight: 600;
  letter-spacing: var(--meta-tracking);
  color: var(--text-primary);
}

.exp-bullet-label {
  color: var(--text-primary);
  letter-spacing: var(--meta-tracking);
}

/* Progression stops lose their pill. D-134. */
.exp-prog-role { border-radius: var(--radius-os); }

/* Studio name in metadata mono. D-206. */
.exp-company,
.exp-sm-company {
  font-family: var(--type-family-mono);
  font-weight: 500;
  letter-spacing: var(--meta-tracking);
  text-transform: uppercase;
  color: var(--text-primary);
  line-height: 1;
}

.exp-company    { font-size: var(--type-card-lead); }
.exp-sm-company { font-size: var(--type-card); }

/* Student rank carried by size once all three names went mono. D-206. */
.experience-card-sm--student .exp-sm-company {
  font-size: var(--type-lead);
}

/* Shipped titles added to the small cards. */
.experience-card-sm .exp-projects-label {
  margin-top: var(--space-4);
}

.experience-card-sm .exp-projects + .pli-tags {
  margin-top: var(--space-4);
}