/* ==========================================================================
   DEDICATED PRINT STYLESHEET
   Optimized for high-contrast, clean paper reproduction, and PDF export.
   Guarantees zero filter-hidden content and avoids awkward page breaks.
   ========================================================================== */

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

*, *::before, *::after {
  background: transparent !important;
  color: #000 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

body {
  background: #ffffff !important;
  color: #111111 !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
  font-size: 10.5pt !important;
  line-height: 1.45 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Hide interactive & screen-only controls */
.site-header,
.site-footer,
.skip-link,
.sound-toggle,
.mobile-nav-toggle,
.filter-controls-wrapper,
.copy-btn,
.btn,
.back-link,
.schematic-disclaimer,
.social-links,
.dossier-actions,
.dossier-nav,
.dossier-reticle,
.case-card-top-actions,
.case-readmore-link,
.contact-actions,
.resume-actions-bar {
  display: none !important;
}

/* Command Center Layout flattening for print */
.command-layout {
  display: block !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.identity-dossier {
  position: static !important;
  width: 100% !important;
  margin-bottom: 16pt !important;
  border: none !important;
  padding: 0 !important;
}

.evidence-column {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.technical-panel {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin-bottom: 12pt !important;
}

.case-summary-block {
  display: block !important;
}

.summary-col {
  margin-bottom: 6pt !important;
}

/* Full width layout */
.container,
.resume-container,
.resume-wrapper {
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  box-shadow: none !important;
}

/* Print Header */
.resume-header {
  border-bottom: 2pt solid #000 !important;
  padding-bottom: 8pt !important;
  margin-bottom: 12pt !important;
}

.resume-name {
  font-size: 18pt !important;
  font-weight: bold !important;
  color: #000 !important;
}

.resume-title {
  font-size: 12pt !important;
  color: #333 !important;
  margin-bottom: 6pt !important;
}

.resume-contact-bar {
  font-size: 9pt !important;
  color: #444 !important;
}

.resume-section-title {
  font-size: 11pt !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
  border-bottom: 1pt solid #444 !important;
  padding-bottom: 3pt !important;
  margin-top: 14pt !important;
  margin-bottom: 8pt !important;
  page-break-after: avoid;
  break-after: avoid;
}

/* Prevent awkward breaks in jobs and education */
.resume-item,
.timeline-item,
.education-card,
.case-card {
  page-break-inside: avoid !important;
  break-inside: avoid !important;
  margin-bottom: 10pt !important;
  border: none !important;
  padding: 0 !important;
  background: transparent !important;
}

.timeline::before {
  display: none !important;
}

.timeline-marker {
  display: none !important;
}

.timeline-item {
  padding-left: 0 !important;
}

.role-title,
.resume-item-role {
  font-size: 11pt !important;
  font-weight: bold !important;
  color: #000 !important;
}

.role-company,
.resume-item-company {
  font-size: 10.5pt !important;
  font-weight: 600 !important;
  color: #222 !important;
}

.role-date,
.resume-item-meta {
  font-size: 9pt !important;
  color: #555 !important;
}

/* ALL SKILLS MUST BE VISIBLE ON PRINT */
.skill-group {
  display: block !important;
  page-break-inside: avoid !important;
  break-inside: avoid !important;
  border: 1pt solid #ccc !important;
  padding: 8pt !important;
  margin-bottom: 8pt !important;
}

.skill-pills {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 4pt !important;
}

.skill-pill {
  border: 1pt solid #999 !important;
  background: #f4f4f4 !important;
  color: #000 !important;
  font-size: 8.5pt !important;
  padding: 2pt 4pt !important;
}

/* Links */
a {
  text-decoration: underline !important;
  color: #000 !important;
}

a[href^="http"]::after {
  content: " (" attr(href) ")";
  font-size: 8pt;
}

a[href^="mailto:"]::after {
  content: "";
}

/* The Figma homepage has its own dossier and article structure. Print its
   source facts in document order, without viewport columns or clipping. */
.figma-home { font-family: Arial, Helvetica, sans-serif !important; overflow: visible !important; }
.figma-home .command-layout,
.figma-home .evidence-column,
.figma-home .identity-dossier,
.figma-home .hero-statement,
.figma-home .case-study-list,
.figma-home .case-card-body,
.figma-home .timeline,
.figma-home .skills-grid,
.figma-home .education-languages-row,
.figma-home .education-col,
.figma-home .languages-list {
  display: block !important;
  width: auto !important;
  max-width: none !important;
  gap: 0 !important;
  overflow: visible !important;
}
.figma-home .identity-dossier { margin-bottom: 18pt !important; }
.figma-home .dossier-card { padding-bottom: 9pt !important; border-bottom: 1pt solid #666 !important; }
.figma-home .dossier-name { font-size: 18pt !important; line-height: 1.2 !important; }
.figma-home .dossier-metrics-grid { display: flex !important; gap: 18pt !important; border: 0 !important; padding: 0 !important; }
.figma-home .dossier-study { padding: 0 !important; margin-bottom: 6pt !important; }
.figma-home .dossier-links { display: flex !important; gap: 14pt !important; }
.figma-home .hero-display-title { font-size: 21pt !important; line-height: 1.2 !important; margin: 0 0 8pt !important; }
.figma-home .hero-competencies { display: flex !important; flex-wrap: wrap !important; gap: 5pt !important; margin-top: 6pt !important; }
.figma-home .hero-competencies .portfolio-tag { border: 1pt solid #aaa !important; padding: 2pt 4pt !important; }
.figma-home .command-section { margin-top: 15pt !important; }
.figma-home .section-header { margin-bottom: 9pt !important; }
.figma-home .section-title,
.figma-home .contact-title { font-size: 15pt !important; line-height: 1.25 !important; break-after: avoid !important; }
.figma-home .case-card { break-inside: auto !important; page-break-inside: auto !important; border-top: 1pt solid #888 !important; margin: 0 0 14pt !important; }
.figma-home .case-card-header,
.figma-home .case-card-footer,
.figma-home .case-card-actions,
.figma-home .case-card-tags,
.figma-home .contact-details { display: flex !important; flex-wrap: wrap !important; gap: 6pt 12pt !important; }
.figma-home .case-card-title { font-size: 13pt !important; line-height: 1.25 !important; }
.figma-home .case-narrative-group,
.figma-home .case-outcome-box { margin-top: 5pt !important; }
.figma-home .case-outcome-box { padding: 5pt !important; border: 1pt solid #777 !important; }
.figma-home .case-schematic-col { margin-top: 7pt !important; padding: 6pt !important; border: 1pt solid #aaa !important; }
.figma-home .case-schematic-steps { list-style: none !important; }
.figma-home .case-schematic-step { display: flex !important; gap: 7pt !important; padding: 2pt 0 !important; }
.figma-home .case-step-arrow { display: none !important; }
.figma-home .case-card-divider { display: none !important; }
.figma-home .role-row,
.figma-home .early-foundation-item { display: grid !important; grid-template-columns: 125pt minmax(0, 1fr) !important; gap: 10pt !important; padding: 7pt 0 !important; break-inside: avoid !important; }
.figma-home .role-divider { border-top: 1pt solid #aaa !important; }
.figma-home .early-foundation-panel { padding: 6pt !important; }
.figma-home .skill-card { display: block !important; border: 1pt solid #aaa !important; padding: 7pt !important; margin: 0 0 7pt !important; break-inside: avoid !important; }
.figma-home .education-row,
.figma-home .language-row { display: block !important; margin-bottom: 7pt !important; break-inside: avoid !important; }
.figma-home .languages-panel { padding: 0 !important; }
.figma-home .language-name { margin-right: 7pt !important; }
.figma-home .contact-card { padding: 8pt 0 0 !important; border-top: 1pt solid #888 !important; }
.figma-home .contact-email-text { margin-right: 0 !important; }
