:root {
  --ink: #161616;
  --muted: #555;
  --accent: #c43b2f;
  --paper: #fff;
  --background: #ecebe8;
  --serif: Georgia, "Times New Roman", Times, serif;
  --sans: Arial, Helvetica, sans-serif;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  color: var(--ink);
  background: var(--background);
  font-family: var(--serif);
  font-size: 16px;
  line-height: 1.45;
  -webkit-font-smoothing: antialiased;
}

a { color: inherit; text-decoration: none; }
a:hover { text-decoration: underline; text-underline-offset: 2px; }

.export-button {
  position: fixed;
  z-index: 2;
  top: 22px;
  right: 24px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  color: white;
  background: #222;
  border: 0;
  border-radius: 4px;
  font: 700 12px/1 var(--sans);
  cursor: pointer;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .15);
}
.export-button:hover { background: #000; }
.export-button svg { width: 15px; fill: none; stroke: currentColor; stroke-width: 1.8; }

.cv {
  width: min(210mm, calc(100% - 32px));
  min-height: 297mm;
  margin: 32px auto;
  padding: 19mm 18mm 18mm;
  background: var(--paper);
  box-shadow: 0 3px 24px rgba(0, 0, 0, .1);
}

.cv-header {
  margin-bottom: 28px;
  text-align: center;
}
.cv-header h1 {
  margin: 0 0 10px;
  font-size: 34px;
  line-height: 1.1;
  letter-spacing: .06em;
}
.cv-header p { margin: 3px 0; }
.cv-header .academic-links { margin-top: 5px; font-size: 14px; }

section { margin-top: 27px; }
section h2 {
  margin: 0 0 16px;
  padding-bottom: 4px;
  border-bottom: 2px solid var(--ink);
  font-size: 20px;
  line-height: 1.2;
  letter-spacing: .025em;
}
section > p { margin: 0; text-align: justify; }

.entry { margin: 0 0 15px; }
.entry:last-child { margin-bottom: 0; }
.entry-heading {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 24px;
}
.entry-heading h3,
.entry-heading p {
  margin: 0;
  font-size: 16px;
}
.entry-heading time {
  flex: 0 0 auto;
  font-family: var(--sans);
  font-size: 14px;
  font-weight: 700;
}
.entry > p { margin: 2px 0 0; }
.award-row strong { color: var(--accent); }

.project {
  margin-bottom: 11px;
  break-inside: avoid;
}
.project:last-child { margin-bottom: 0; }
.project h3 { margin: 0 0 1px; font-size: 16px; }
.project p { margin: 0; }

.publication-note {
  margin: -7px 0 14px;
  color: var(--muted);
  font-size: 13px;
  text-align: left;
}
.publication-note a { text-decoration: underline; text-underline-offset: 2px; }

.publications {
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: publication;
}
.publications li {
  position: relative;
  padding: 0 0 15px 34px;
  counter-increment: publication;
  break-inside: avoid;
}
.publications li::before {
  content: "[" counter(publication) "]";
  position: absolute;
  left: 0;
  top: 0;
}
.publications p { margin: 0; text-align: justify; }
.publications strong { text-decoration: underline; text-underline-offset: 2px; }
.publications a { text-decoration: underline; text-decoration-color: #999; text-decoration-thickness: .5px; text-underline-offset: 2px; }
.award { color: var(--accent); font-weight: 700; }

@media (max-width: 720px) {
  body { background: var(--paper); font-size: 14px; }
  .cv { width: 100%; min-height: 0; margin: 0; padding: 78px 20px 36px; box-shadow: none; }
  .export-button { top: 16px; right: 16px; }
  .cv-header h1 { font-size: 27px; }
  .cv-header p { font-size: 13px; }
  .cv-header .academic-links { font-size: 12px; }
  .separator { display: none; }
  .cv-header a { display: block; overflow-wrap: anywhere; }
  section { margin-top: 24px; }
  section h2 { font-size: 17px; }
  .entry-heading { display: block; }
  .entry-heading h3, .entry-heading p { font-size: 14px; }
  .entry-heading time { display: block; margin-top: 2px; font-size: 12px; }
  .award-row { display: flex; }
  .project h3 { font-size: 14px; }
  .publications li { padding-left: 29px; }
}

@page { size: A4; margin: 16mm 18mm 17mm; }

@media print {
  body {
    color: #111;
    background: white;
    font-size: 9.8pt;
    line-height: 1.34;
  }
  .export-button { display: none !important; }
  .cv {
    width: auto;
    min-height: 0;
    margin: 0;
    padding: 0;
    box-shadow: none;
  }
  .cv-header { margin-bottom: 6mm; }
  .cv-header h1 { margin-bottom: 1.5mm; font-size: 24pt; }
  .cv-header p { margin: .4mm 0; }
  .cv-header .academic-links { margin-top: 1mm; font-size: 8.5pt; }
  section { margin-top: 5.5mm; }
  section h2 { margin-bottom: 3mm; padding-bottom: .8mm; font-size: 14.5pt; }
  .entry { margin-bottom: 3mm; }
  .entry-heading h3, .entry-heading p { font-size: 9.8pt; }
  .entry-heading time { font-size: 9pt; }
  .project { margin-bottom: 2.2mm; }
  .project h3 { margin-bottom: .4mm; font-size: 9.8pt; }
  .project p { line-height: 1.3; }
  .publication-note { margin: -1.2mm 0 3mm; font-size: 8pt; }
  .publications li { padding: 0 0 3.2mm 8mm; }
  .publications p { line-height: 1.34; }
  a { text-decoration: none !important; }
}