/*
 * Print layout for CV PDF generation (browser print or cloud PDF API with use_print).
 * Paired with generate-cv.js — keep visual rules in sync when editing either file.
 */
@media print {
  @page { size: A4; margin: 10mm 12mm 11mm; }

  * {
    box-sizing: border-box;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }

  html, body {
    margin: 0 !important;
    padding: 0 !important;
    background: #fff !important;
    color: #1a1a1a !important;
  }

  .site-header,
  .menu-backdrop,
  #mobile-nav,
  .hero-actions,
  .hero-figure,
  .scroll-cue,
  .skip-link,
  #contact,
  .site-footer,
  .back-to-top {
    display: none !important;
  }

  main { display: block !important; }

  .hero {
    display: block !important;
    padding: 0 0 8px !important;
    margin: 0 0 10px !important;
    border-bottom: 2px solid #0e2440;
    background: #fff !important;
  }

  .hero .container { padding: 0 !important; max-width: 100% !important; }
  .hero-kicker { display: none !important; }

  .hero-title {
    margin: 0 0 3px !important;
    font-size: 18pt !important;
    color: #0e2440 !important;
  }

  .hero-roles {
    margin: 0 0 3px !important;
    font-size: 8.8pt !important;
    color: #333 !important;
    font-weight: 600 !important;
  }

  .hero-roles .sep { display: none !important; }
  .hero-roles span:not(.sep)::after { content: "  ·  "; }
  .hero-roles span:not(.sep):last-child::after { content: ""; }

  .hero-lede { display: none !important; }

  .hero-location {
    margin: 0 !important;
    font-size: 8.2pt !important;
    color: #555 !important;
  }

  .hero-location svg { display: none !important; }

  section.section,
  section.metrics,
  section.wakaed {
    padding: 0 !important;
    margin: 0 0 9px !important;
    background: #fff !important;
  }

  .container {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .section-head { margin: 0 0 5px !important; break-after: avoid; }

  .eyebrow {
    margin: 0 0 1px !important;
    font-size: 7.8pt !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    color: #b8860b !important;
  }

  .eyebrow-num { color: #0e2440 !important; margin-inline-end: 4px; }

  .section-title {
    margin: 0 !important;
    font-size: 11.5pt !important;
    color: #0e2440 !important;
    line-height: 1.2 !important;
  }

  .section-subtitle {
    margin: 2px 0 0 !important;
    font-size: 8.2pt !important;
    color: #666 !important;
    font-style: italic !important;
  }

  p { margin: 0 0 4px !important; }
  h3, h4 { color: #14304f !important; }

  .profile-grid { display: block !important; }

  html[dir="ltr"] .profile-copy p { text-align: justify !important; }
  html[dir="rtl"] .profile-copy p { text-align: right !important; }

  .profile-aside {
    margin-top: 6px !important;
    display: flex !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
  }

  .profile-fact {
    flex: 1 !important;
    border: 1px solid #e2e6ea !important;
    border-radius: 5px !important;
    padding: 5px 8px !important;
    display: flex !important;
    gap: 7px !important;
    break-inside: avoid !important;
    box-shadow: none !important;
  }

  .profile-fact svg {
    width: 15px !important;
    height: 15px !important;
    color: #0e2440 !important;
    flex: none !important;
  }

  .profile-fact-label {
    margin: 0 !important;
    font-size: 7pt !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    color: #888 !important;
  }

  .profile-fact-value {
    margin: 0 !important;
    font-size: 8.6pt !important;
    font-weight: 600 !important;
    color: #14304f !important;
  }

  .mandates-grid,
  .education-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 7px !important;
  }

  .competencies-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 6px !important;
  }

  .card {
    border: 1px solid #e2e6ea !important;
    border-radius: 5px !important;
    padding: 6px 8px !important;
    background: #fff !important;
    break-inside: avoid !important;
    box-shadow: none !important;
  }

  .competency-card p { font-size: 8.2pt !important; }

  .mandate-icon,
  .edu-icon,
  .competency-num,
  .mandate-link,
  .wakaed-period svg,
  .badge svg {
    display: none !important;
  }

  .mandate-date,
  .role-dates,
  .early-years {
    font-size: 7.8pt !important;
    color: #b8860b !important;
    font-weight: 700 !important;
    margin: 0 0 1px !important;
    letter-spacing: 0.3px !important;
  }

  .mandate-title,
  .card h3 {
    margin: 0 0 2px !important;
    font-size: 9.2pt !important;
    line-height: 1.2 !important;
  }

  .mandate-desc,
  .card p {
    font-size: 8.4pt !important;
    color: #333 !important;
    margin: 0 0 2px !important;
  }

  .mandate-scope { font-size: 7.8pt !important; color: #777 !important; }

  .timeline-org { margin: 0 0 7px !important; }

  html[dir="ltr"] .timeline-org-head {
    border-left: 3px solid #0e2440;
    padding-left: 7px;
  }

  html[dir="rtl"] .timeline-org-head {
    border-right: 3px solid #0e2440;
    padding-right: 7px;
  }

  .timeline-org-head h3 {
    margin: 0 !important;
    font-size: 10.5pt !important;
    color: #0e2440 !important;
  }

  .timeline-org-meta { margin: 0 !important; font-size: 8pt !important; color: #777 !important; }

  .timeline-roles {
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
  }

  .role { padding: 6px 8px !important; break-inside: avoid !important; }

  .role-head {
    display: flex !important;
    justify-content: space-between !important;
    gap: 10px !important;
    align-items: baseline !important;
    margin-bottom: 2px !important;
  }

  .role-head h4 { margin: 0 !important; font-size: 9pt !important; }

  html[dir="ltr"] .role-points { padding-left: 14px !important; }
  html[dir="rtl"] .role-points { padding-right: 14px !important; }

  .role-points li { font-size: 8.4pt !important; margin: 0 0 2px !important; }

  .governance-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
    align-items: start !important;
  }

  .gov-side { display: flex !important; flex-direction: column !important; gap: 8px !important; }

  .gov-role {
    display: flex !important;
    justify-content: space-between !important;
    align-items: baseline !important;
    border-bottom: 1px solid #e2e6ea !important;
    padding-bottom: 2px !important;
    margin-bottom: 4px !important;
  }

  .gov-role h3 { margin: 0 !important; font-size: 9.6pt !important; color: #0e2440 !important; }
  .gov-count { margin: 0 !important; font-size: 7.6pt !important; color: #b8860b !important; font-weight: 700 !important; }

  html[dir="ltr"] .gov-list { padding-left: 14px !important; }
  html[dir="rtl"] .gov-list { padding-right: 14px !important; }

  .gov-list li { font-size: 8pt !important; margin: 0 0 1px !important; }
  .gov-note { color: #888 !important; font-size: 7.4pt !important; }

  .on-dark,
  .metrics.on-dark,
  .wakaed.on-dark,
  .gov-card.on-dark {
    background: #fff !important;
    color: #1a1a1a !important;
  }

  .metrics-grid {
    display: flex !important;
    gap: 14px !important;
    justify-content: space-between !important;
    border-top: 1px solid #e2e6ea !important;
    border-bottom: 1px solid #e2e6ea !important;
    padding: 6px 0 !important;
  }

  .metric { text-align: center !important; }
  .metric-value { margin: 0 !important; font-size: 13.5pt !important; font-weight: 800 !important; color: #0e2440 !important; }
  .metric-suffix { color: #b8860b !important; }
  .metric-label { margin: 0 !important; font-size: 7.2pt !important; color: #666 !important; }

  .wakaed-grid { display: block !important; }
  .wakaed-logo img { max-height: 36px !important; width: auto !important; display: block !important; }
  .wakaed-tagline { font-weight: 700 !important; color: #14304f !important; margin: 0 0 1px !important; }
  .wakaed-period { font-size: 8pt !important; color: #b8860b !important; font-weight: 700 !important; margin: 0 0 4px !important; }

  .chip-list {
    list-style: none !important;
    margin: 5px 0 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 5px !important;
  }

  .chip {
    border: 1px solid #d7dde3 !important;
    border-radius: 20px !important;
    padding: 1px 9px !important;
    font-size: 7.8pt !important;
    color: #333 !important;
  }

  .wakaed-domains h3 { margin: 6px 0 3px !important; font-size: 9pt !important; }

  .early-track {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr !important;
    gap: 6px !important;
  }

  .early-item {
    border: 1px solid #e2e6ea !important;
    border-radius: 5px !important;
    padding: 6px 8px !important;
    break-inside: avoid !important;
  }

  .early-item h3 { margin: 0 0 1px !important; font-size: 9pt !important; }
  .early-org { font-size: 8pt !important; color: #777 !important; margin: 0 0 2px !important; font-weight: 600 !important; }
  .early-item p { font-size: 8pt !important; }

  .edu-org { font-size: 8.2pt !important; color: #777 !important; margin: 0 0 3px !important; }

  .badge {
    display: inline-block !important;
    background: #f2f5f8 !important;
    border: 1px solid #e2e6ea !important;
    border-radius: 4px !important;
    padding: 1px 7px !important;
    font-size: 7.6pt !important;
    color: #14304f !important;
  }

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

  .reveal { opacity: 1 !important; transform: none !important; }
}
