/* Keep the two resume choices together while contact can wrap beneath them. */
.actions { gap: 12px 20px; }
.resume-actions { display: flex; gap: 10px; max-width: 100%; }
.resume-actions .button {
  min-height: 46px;
  padding: 12px;
  gap: 8px;
  border: 1px solid transparent;
  font-size: 13px;
  white-space: nowrap;
}
.resume-actions svg { width: 16px; height: 16px; flex: none; }
.resume-actions .resume-download {
  color: var(--blue);
  border-color: var(--blue);
  background: transparent;
}
.resume-actions .resume-download:hover { background: var(--surface); }
@media (max-width: 760px) {
  .actions { flex-direction: column; align-items: flex-start; }
  .actions > .contact-link { padding-inline-start: 13px; }
}
@media (max-width: 380px) {
  .resume-actions { gap: 8px; }
  .resume-actions .button { padding: 11px 10px; }
  .resume-actions svg { display: none; }
  .actions > .contact-link { padding-inline-start: 11px; }
}