@media print {
  @page {
    size: A4;
    margin: 12mm;
  }

  html,
  body {
    width: auto;
    min-width: 0;
    margin: 0;
    padding: 0;
    background: #fff;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  .visible {
    position: static;
    width: auto;
    min-width: 0;
    background: #fff;
  }

  #resume-container {
    width: 100%;
    max-width: none;
    height: auto;
    margin: 0;
    padding: 0;
    overflow: visible;
    page-break-after: auto;
  }

  .resume-common-wrapper {
    width: 100%;
    margin: 24px 0;
  }

  .experience-wrapper {
    grid-template-columns: minmax(180px, 24%) minmax(0, 1fr);
    gap: 32px;
  }

  .experience-project {
    padding: 20px;
    margin: 0 0 20px;
    break-inside: avoid-page;
    page-break-inside: avoid;
  }

  .experience-project-meta {
    padding: 14px;
    gap: 10px 18px;
  }

  .experience-project-featured {
    background: linear-gradient(180deg, rgba(35, 111, 235, 0.05), #fff 180px);
  }

  .print-resume-wrapper,
  .print-button {
    display: none !important;
  }

  a {
    color: inherit;
    text-decoration: none;
  }
}
