@page {
  size: A4 portrait;
  margin: 0;
}

* {
  box-sizing: border-box;
}

html {
  background: #e8edf3;
}

body {
  margin: 0;
  color: #172033;
  background: #e8edf3;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9.1pt;
  line-height: 1.32;
}

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

.cv-page {
  position: relative;
  width: 210mm;
  min-height: 297mm;
  margin: 12px auto;
  padding: 9.5mm 11mm 8.5mm;
  background: #ffffff;
  box-shadow: 0 12px 36px rgba(23, 32, 51, 0.16);
}

.identity {
  min-height: 25mm;
  padding: 0 29mm 4mm 0;
  border-bottom: 1.3mm solid #0b6b78;
}

.identity h1 {
  margin: 0 0 1mm;
  color: #12213a;
  font-size: 22pt;
  line-height: 1;
  font-weight: 800;
}

.job-title {
  margin: 0;
  color: #0b6b78;
  font-size: 12.2pt;
  line-height: 1.15;
  font-weight: 750;
}

.specialties {
  margin: 1.2mm 0 1.4mm;
  color: #526078;
  font-size: 8.7pt;
  font-weight: 650;
}

.contacts,
.availability {
  margin: 0.8mm 0 0;
  color: #303c52;
  font-size: 8.15pt;
  line-height: 1.35;
}

.contacts a {
  border-bottom: 0.2mm solid #a7b5c7;
}

.separator {
  color: #91a0b5;
  padding: 0 1.1mm;
}

.cv-photo {
  position: absolute;
  top: 9.5mm;
  right: 11mm;
  width: 23mm;
  height: 23mm;
  border: 0.7mm solid #d6e1e8;
  border-radius: 50%;
  object-fit: cover;
}

main {
  padding-top: 1.7mm;
}

section {
  margin-top: 2.4mm;
}

h2 {
  margin: 0 0 1.2mm;
  padding-bottom: 0.7mm;
  color: #0b6b78;
  border-bottom: 0.25mm solid #cbd8e2;
  font-size: 9.8pt;
  line-height: 1.1;
  font-weight: 800;
}

h3 {
  margin: 0;
  color: #172033;
  font-size: 9.15pt;
  line-height: 1.24;
  font-weight: 750;
}

p {
  margin: 0;
}

.profile {
  color: #26334a;
  font-size: 9.15pt;
  line-height: 1.37;
}

.skill {
  margin: 0.65mm 0;
}

.semantic-strong {
  font-weight: 700;
}

.skill .semantic-strong {
  color: #12213a;
}

.project,
.experience-item {
  margin-top: 1.55mm;
  padding-left: 2.2mm;
  border-left: 0.65mm solid #b9d6db;
}

.project p,
.experience-item p {
  margin-top: 0.45mm;
}

.date {
  color: #53637a;
  font-weight: 650;
  white-space: nowrap;
}

.employer {
  color: #33445d;
  font-weight: 650;
}

.it-line {
  margin-top: 0.5mm;
}

.footer-line {
  margin-top: 0.8mm;
}

@media screen and (max-width: 820px) {
  html,
  body {
    background: #ffffff;
  }

  body {
    font-size: 10pt;
  }

  .cv-page {
    width: 100%;
    min-height: 0;
    margin: 0;
    padding: 22px 20px 28px;
    box-shadow: none;
  }

  .identity {
    min-height: 80px;
    padding-right: 84px;
  }

  .identity h1 {
    font-size: 24pt;
  }

  .job-title {
    font-size: 13pt;
  }

  .cv-photo {
    top: 22px;
    right: 20px;
    width: 72px;
    height: 72px;
  }

  .contacts,
  .availability {
    font-size: 8.4pt;
  }

  h2 {
    font-size: 10pt;
  }

  h3,
  .profile {
    font-size: 9.6pt;
  }

  section {
    margin-top: 12px;
  }
}

@media print {
  html,
  body {
    width: 210mm;
    height: 297mm;
    background: #ffffff;
  }

  body {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  .cv-page {
    width: 210mm;
    height: 297mm;
    min-height: 297mm;
    margin: 0;
    box-shadow: none;
  }
}