/* ============================================================================
   PRINT STYLES
   ============================================================================
   Only what needs to differ between screen and the printed/PDF page. The
   resume's actual look (fonts, spacing, colors) lives in resume.css and is
   shared between screen and print on purpose — what you see in the preview
   is what prints.
   ============================================================================ */

@page {
  size: Letter;
  margin: 0;
}

@media print {
  html,
  body {
    margin: 0;
    padding: 0;
    background: #ffffff;
  }

  .app-controls,
  .app-controls * {
    display: none !important;
  }

  .app-shell,
  .workspace,
  #resume-view {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #tracker-view {
    display: none !important;
  }

  .page-wrapper {
    display: block !important;
    padding: 0 !important;
    background: #ffffff !important;
  }

  .resume-page {
    box-shadow: none !important;
    outline: none !important;
    margin: 0 !important;
    width: 8.5in;
    min-height: 11in;
  }

  .resume-page [data-edit-path] {
    background: transparent !important;
    outline: none !important;
  }

  .resume-page [data-edit-path]:empty::before {
    display: none !important;
  }

  .resume-page .line-delete-button {
    display: none !important;
  }

  /* Screen-only inspection overlays never print. */
  .resume-page::before,
  .resume-page::after {
    display: none !important;
  }

  .resume-section,
  .experience-item,
  .education-item,
  .project-item,
  .skills-group {
    break-inside: avoid;
    page-break-inside: avoid;
  }

  a {
    color: inherit;
  }
}