/* portfolio2 — A4 print + screen preview for /print/cv-tech.html and /print/cv-art.html */

/* ===== Screen-side preview (so authoring in browser shows what will print) ===== */

body.print-page {
  margin: 0;
  background: #ddd;
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: 10pt;
  line-height: 1.35;
  color: #000;
}

body.print-page main {
  width: 21cm;
  min-height: 29.7cm;
  padding: 1.5cm;
  margin: 1cm auto;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0,0,0,0.18);
  box-sizing: border-box;
}

body.print-page h1 { font-size: 18pt; margin: 0 0 0.4cm; font-weight: 600; }
body.print-page h2 { font-size: 13pt; margin: 0.6cm 0 0.2cm; font-weight: 600;
                     border-bottom: 1px solid #000; padding-bottom: 0.1cm; }
body.print-page h3 { font-size: 11pt; margin: 0.4cm 0 0.15cm; font-weight: 600; }
body.print-page p { margin: 0.2cm 0; }

body.print-page .cv-header { margin-bottom: 0.5cm; }
body.print-page .cv-header .role { font-style: italic; margin: 0; }
body.print-page .cv-header .contacts {
  display: flex; flex-wrap: wrap; gap: 0.2cm 0.8cm;
  margin-top: 0.3cm; font-size: 9pt;
}
body.print-page .cv-header .contacts a { color: #000; text-decoration: none; }

body.print-page .entry { margin-bottom: 0.3cm; break-inside: avoid; }
body.print-page .entry .row {
  display: flex; justify-content: space-between; gap: 0.5cm; align-items: baseline;
}
body.print-page .entry .row .left { font-weight: 600; }
body.print-page .entry .row .right { font-style: italic; font-size: 9pt; }
body.print-page .entry .sub {
  display: flex; justify-content: space-between; gap: 0.5cm;
  font-size: 9pt; font-style: italic; color: #333;
}
body.print-page .entry p { margin: 0.1cm 0; font-size: 9.5pt; }

body.print-page .skill-group { margin: 0.2cm 0; font-size: 9.5pt; }
body.print-page .skill-group .label { font-weight: 600; }

body.print-page .project-line { margin: 0.15cm 0; font-size: 9.5pt; }
body.print-page .project-line .title { font-weight: 600; }

/* ===== Print overrides (applied when actually printing) ===== */

@page {
  size: A4;
  margin: 1.5cm;
}

@media print {
  body.print-page { background: #fff; margin: 0; }
  body.print-page main { width: auto; min-height: 0; padding: 0; margin: 0;
                         box-shadow: none; }
  body.print-page { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
  nav, aside, .no-print { display: none; }
  .entry, .row, li { break-inside: avoid; }
  h2, h3 { break-after: avoid; }
  /* Show URL after every link in printed CVs */
  a[href]::after { content: " (" attr(href) ")"; font-size: 0.85em; color: #555; }
  a[href^="#"]::after,
  a[href^="mailto:"]::after,
  a[href^="tel:"]::after { content: ""; }
}