/* ============================================================
   Résumé page
   ============================================================ */

.resume-hero-sub {
  margin-top: var(--space-2);
  font-size: var(--fs-body-lg);
  color: var(--color-dark-text-muted);
  max-width: 56ch;
}

.resume-actions {
  margin-top: var(--space-3);
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.resume-preview {
  margin-top: var(--space-4);
  border-radius: var(--radius-lg);
  overflow: hidden;
  border: 1px solid rgb(var(--fg) / 0.08);
  background: var(--color-dark-surface);
  aspect-ratio: 1.414 / 1; /* A4 landscape-ish container; iframe below fills it */
  max-width: 720px;
}

.resume-preview iframe {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}

.resume-note {
  margin-top: var(--space-3);
  font-size: var(--fs-small);
  color: var(--color-dark-text-muted);
  max-width: 56ch;
}