/* ==========================================================================
   Resume page: hero actions, embed fallback, skill groups, content cards
   ========================================================================== */

.page-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sp-3);
  margin-top: var(--sp-6);
}

.resume-fallback {
  margin-top: var(--sp-3);
  font-size: var(--fs-xs);
  color: var(--text-tertiary);
}

.resume-fallback a {
  color: var(--accent);
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.resume-stack {
  display: flex;
  flex-direction: column;
  gap: var(--sp-8);
}

.resume-card { padding: var(--sp-6); }

.resume-card h2 { font-size: var(--fs-lg); }

.resume-card h3 {
  font-family: var(--font-body);
  font-size: var(--fs-xs);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--text-tertiary);
  margin-top: var(--sp-6);
  margin-bottom: var(--sp-3);
}

.resume-card h3:first-of-type { margin-top: var(--sp-5); }

.tag-row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sp-2);
}

.resume-list {
  margin-top: var(--sp-2);
  display: flex;
  flex-direction: column;
  gap: var(--sp-4);
}

.resume-list-item h4 { font-size: var(--fs-base); }
.resume-list-item p { margin-top: var(--sp-1); font-size: var(--fs-sm); }
.resume-list-item a { color: var(--accent); font-weight: 700; }

.timeline-item ul {
  margin-top: var(--sp-3);
  display: flex;
  flex-direction: column;
  gap: var(--sp-2);
}

.timeline-item ul li {
  position: relative;
  padding-left: var(--sp-4);
  font-size: var(--fs-sm);
  color: var(--text-secondary);
}

.timeline-item ul li::before {
  content: '\2014';
  position: absolute;
  left: 0;
  top: 0;
  color: var(--accent);
}

@media (max-width: 640px) {
  .page-hero-actions { flex-direction: column; align-items: stretch; }
}