/* Resume page — extends main.css. The resume itself is injected by rascunhos/cv-build (same source as the PDFs). */

.resume-hero { padding-top: var(--page-top); padding-bottom: clamp(40px, 6vw, 72px); display: grid; grid-template-columns: minmax(180px, 1fr) 3fr; gap: 24px; }
.resume-hero .h-xl { font-size: clamp(3rem, 8vw, 7.5rem); }
.resume-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 32px; }
.cv-wrap { margin-bottom: clamp(80px, 10vw, 140px); }
.resume-foot { padding-block: 32px; border-top: 1px solid var(--line); display: flex; justify-content: space-between; flex-wrap: wrap; gap: 16px; font-size: .92rem; }

@media (max-width: 900px) {
  .resume-hero { grid-template-columns: 1fr; }
}

@media print {
  @page { size: A4; margin: 0; }
  body { background: #fff; }
  .site-header, .progress, .resume-hero, .resume-foot, .skip-link { display: none !important; }
  .wrap { padding: 0; max-width: none; }
  .cv-wrap { margin: 0; }
  .cv-sheet { border: 0; border-radius: 0; }
  .js .reveal { opacity: 1 !important; transform: none !important; }
}
.resume-hero > .label { margin-top: 0; }