.resume-page .portfolio-header { height: 190px; }
.resume-main { width: min(920px, calc(100% - 80px)); margin: 0 auto 120px; }
.resume-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 24px; border-top: 1px solid var(--ink); padding: 28px 0; text-transform: uppercase; }
.resume-toolbar h1 { margin: 0; font-size: 32px; font-weight: 500; letter-spacing: 2.56px; }
.resume-download { display: inline-flex; min-height: 48px; align-items: center; gap: 24px; border: 1px solid var(--ink); border-radius: 48px; padding: 10px 18px; font-size: 14px; letter-spacing: 1.12px; white-space: nowrap; transition: border-color .2s ease, color .2s ease; }
.resume-download span { font-size: 22px; line-height: 1; }
.resume-download:hover, .resume-download:focus-visible { border-color: #0637ff; color: #0637ff; outline: none; }
.resume-preview { display: block; border: 1px solid #c0c0c0; background: #fff; }
.resume-preview img { display: block; width: 100%; height: auto; }
.resume-preview:focus-visible { outline: 2px solid #0637ff; outline-offset: 4px; }

@media (max-width: 760px) {
  .resume-page .portfolio-header { height: 170px; }
  .resume-main { width: calc(100% - 24px); margin-bottom: 80px; }
  .resume-toolbar { padding: 20px 0; }
  .resume-toolbar h1 { font-size: 22px; letter-spacing: 1.4px; }
  .resume-download { min-height: 40px; gap: 8px; padding: 8px 12px; font-size: 11px; letter-spacing: .5px; }
  .resume-download span { font-size: 18px; }
}