/* Print styles — loaded via <link media="print">, no @media wrapper needed */

@page {
  size: A4;
  margin: 8mm 9mm 10mm;
}

html,
body {
  width: auto;
  max-width: none;
  min-height: auto;
  margin: 0;
  padding: 0;
  background: #fff;
  font-size: 10pt;
  line-height: 1.2;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}

.document-actions {
  display: none;
}

.container {
  border: none;
  box-shadow: none;
  border-radius: 0;
}

/* ── ATS pre-header ── */
.ats-pre-header {
  display: block;
  padding: 8px 10px 7px 13px;
  border-left: 4px solid #4d8fd6;
  border-bottom: 1.5px solid #aebdcc;
  font-family: "Lato", Arial, sans-serif;
}

.ats-name {
  display: block;
  font-family: "Playfair Display", Georgia, serif;
  font-size: 18pt;
  font-weight: 700;
  color: var(--color-primary);
  line-height: 1.1;
  margin-bottom: 1px;
}

.ats-role {
  display: block;
  font-size: 9pt;
  font-weight: 700;
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 0.07em;
  margin-bottom: 5px;
}

.ats-contact-row {
  display: flex;
  flex-wrap: wrap;
  gap: 2px 14px;
}

.ats-contact-item {
  font-size: 9pt;
  color: var(--color-muted);
}

.ats-contact-label {
  font-weight: 700;
  color: var(--color-primary);
}

.ats-contact-item a {
  color: var(--color-accent);
  text-decoration: none;
}

/* Hide the visual header — replaced by .ats-pre-header */
.profile-header {
  display: none;
}

/* ── Summary — standalone, naturally sits before education/experience ── */
.summary {
  padding: 4px 8px 7px;
  border-bottom: none;
}

.summary p {
  font-size: 9.5pt;
  line-height: 1.22;
}

/* ── Single-column: experience first, education/skills at the bottom ── */
.content-columns {
  flex-direction: column;
}

.left {
  order: 2;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 9px;
  align-items: flex-start;
  border-right: none;
  border-bottom: 1px solid #dde4ed;
  padding: 5px 8px 6px;
}

.right {
  order: 1;
  width: 100%;
  padding: 8px 8px 4px;
}

/* Key skills precedes education within the left band */
.left > div {
  width: 100%;
}

.left > div:first-child {
  order: 2;
  break-inside: avoid;
  page-break-inside: avoid;
}

.left > .skills {
  order: 1;
}

.name {
  font-size: 17px;
  line-height: 1.05;
  margin: 0 0 1px;
}

.profile-role {
  font-size: 9.5pt;
  line-height: 1.1;
  margin: 0 0 2px;
}

h2 {
  font-size: 11pt;
  margin: 2px 0 3px;
  padding-bottom: 2px;
  border-bottom-width: 1.5px;
}

h3 {
  font-size: 10.5pt;
  margin: 0 0 1px;
}

.contact {
  font-size: 9.5pt;
  gap: 2px;
  flex-direction: row;
  flex-wrap: wrap;
  column-gap: 10px;
}

.social-links {
  margin-top: 3px;
  font-size: 10.5pt;
  gap: 10px;
}

.social-label {
  font-size: 9.5pt;
}

.profile-header .fa {
  display: none;
}

.profile-header .sr-only {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
  white-space: normal;
  font-weight: 700;
  color: var(--color-primary);
}

.all-experiences {
  gap: 6px;
}

.experience {
  padding: 4px 6px 4px 8px;
  border-width: 1px;
  border-left-width: 3px;
  border-left-color: var(--color-exp-border);
  box-shadow: none;
  background: #fff;
}

.experience:not(:has(.projects)) {
  break-inside: avoid;
  page-break-inside: avoid;
}

.experience:hover {
  box-shadow: none;
}

.experience-heading {
  gap: 6px;
}

.experience-heading > a,
.company-logo {
  display: none;
}


.experience i {
  font-size: 9.5pt;
  margin-bottom: 2px;
}

.experience ul {
  margin: 2px 0 3px;
  padding-left: 11px;
}

.experience li {
  margin-bottom: 1px;
  line-height: 1.16;
  font-size: 9.5pt;
}

.projects {
  gap: 3px;
}

.project {
  padding-left: 6px;
  break-inside: avoid;
  page-break-inside: avoid;
}

.project-title {
  margin-bottom: 1px;
  font-size: 9.5pt;
}

.project ul {
  margin: 1px 0 2px;
  padding-left: 10px;
}

.project li {
  margin-bottom: 1px;
  font-size: 9pt;
  line-height: 1.12;
}

.key-skills-list {
  gap: 2px;
}

.key-skills-list li {
  line-height: 1.18;
  font-size: 9.5pt;
  padding-left: 6px;
  border-left-width: 1.5px;
}

.skills {
  margin-top: 5px;
}

.education-degree {
  font-size: 10pt;
}

.education-inst-duration,
.education-cgpa {
  font-size: 9.5pt;
  white-space: nowrap;
}

h1,
h2,
h3 {
  break-after: avoid;
  page-break-after: avoid;
}

.all-experiences,
.skills,
.summary,
.contact {
  break-inside: auto;
  page-break-inside: auto;
}

body::after {
  content: "Swarup Mahapatra | Resume";
  position: fixed;
  right: 0;
  bottom: 2mm;
  color: #4b5563;
  font-size: 8pt;
}