/* About inside the site shell: bridge the few site variables the shared header reads to
   the résumé's perspective tokens, so the header takes on each perspective's colour, and
   clear the fixed header. Print keeps the two-page résumé untouched (see print.css). */
body.resume-page {
  --bg-dark: var(--color-bg);
  --text-muted: var(--color-fg-muted);
  --container-padding: clamp(1rem, 3vw, 2rem);
}
body.resume-page > .resume-shell { padding-block-start: clamp(5.5rem, 8vw, 7rem); }
body.resume-page > nav .logo-tagline { color: var(--color-fg); }
@media (max-width: 800px) {
  /* Mobile appearance/share controls take a second row below the menu. */
  body.resume-page > .resume-shell { padding-block-start: 8.5rem; }
}
@media print {
  body.resume-page > nav, body.resume-page > .initial-actions, body.resume-page > .site-footer, .brand-swarm-stage { display: none !important; }
  body.resume-page > .resume-shell { padding-block-start: 0; }
}
/* The shared chrome keeps the site's typeface; the résumé keeps its own. */
body.resume-page > :is(nav, .initial-actions, .site-footer) { font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif; }