/* =========================================================================
   print.css — sajt se štampa nazad u uredan CV
   ========================================================================= */
@page { size: A4; margin: 14mm 14mm 16mm; }

:root {
  --bg: #fff; --bg-soft: #fff; --bg-tint: #fff; --surface: #fff; --surface-2: #f4f4f4;
  --line: #ccc; --line-soft: #e0e0e0;
  --ink: #111; --ink-2: #333; --muted: #555;
  --teal: #0d5c52; --teal-ink: #0d5c52; --teal-dark: #0d5c52; --teal-deep: #fff; --teal-soft: #eef4f3;
  --on-deep: #111; --on-deep-mute: #555;
  --shadow-xs: none; --shadow-sm: none; --shadow-md: none; --shadow-lg: none;
}

body { background: #fff !important; color: #111 !important; font-size: 10.5pt; line-height: 1.45; }

.nav, .drawer, .totop, .lb, .skip, .hero__scroll,
.map, .cflags, .tcards, .map__zoom, .collage, .shots,
.cform, .socials, .filters, .pipe__svg, .proj__cover,
.blob, .leaf, .hero__note, .about__note, .xp__note, .script { display: none !important; }

*, *::before, *::after { animation: none !important; transition: none !important; box-shadow: none !important; }
.reveal, .reveal.in { opacity: 1 !important; transform: none !important; }

.section, .hero, .contact { padding-block: 0 !important; margin-bottom: 6mm; background: #fff !important; }
.contact { color: #111 !important; }
.contact h2, .contact .h2 { color: #111 !important; }
.container { width: 100% !important; }

.hero__grid, .about__grid, .skillgrid, .projgrid, .sys, .xp, .eduwrap,
.beyond__intro, .travel, .sport, .contact__grid, .stats, .traits, .pcards, .pipe__legend {
  display: block !important;
}
.hero__figure, .about__photo, .xp__aside { display: none !important; }

.h1 { font-size: 26pt !important; }
.h2 { font-size: 14pt !important; margin-bottom: 2mm; }
.h3, .h4 { font-size: 11.5pt !important; }
.eyebrow { font-size: 8pt; color: #0d5c52 !important; margin-bottom: 1mm; }
.lede { font-size: 9.5pt; color: #333 !important; max-width: none; }
.hero__role { font-size: 13pt !important; margin-bottom: 2mm; }
.hero__chips { margin-bottom: 3mm; }
.hero__cta { display: none !important; }

.card { border: .5pt solid #ccc !important; border-radius: 3pt !important; margin-bottom: 3mm; }
.skillcard, .sysc, .educard, .course, .pcard { padding: 3mm !important; }
.proj { break-inside: avoid; page-break-inside: avoid; }
.proj__body { padding: 3mm !important; }
.proj__d { -webkit-line-clamp: 2; font-size: 9pt; }

.tl { padding-left: 0 !important; }
.tl::before, .tl__dot { display: none !important; }
.tl__item { break-inside: avoid; page-break-inside: avoid; padding-bottom: 4mm; }
.tl__list li, .sysc__pts li, .skillcard li { font-size: 9pt; padding: .4mm 0; }

.chip { border: .5pt solid #ccc !important; background: #fff !important; font-size: 7.5pt; padding: .3mm 1.2mm; }

.races th, .races td { font-size: 9pt; padding: 1mm 3mm 1mm 0; }
.bignum__v { font-size: 22pt !important; }

.crow { font-size: 9.5pt; color: #111 !important; }
.crow a { color: #111 !important; }
.foot { border-top: .5pt solid #ccc; font-size: 8pt; color: #555 !important; }

h1, h2, h3, h4 { break-after: avoid; page-break-after: avoid; }
#experience { break-before: page; page-break-before: always; }