/* ============================================================
   FIVATION — Print / PDF stylesheet ("Bifröst" on paper)
   Loaded with media="print". Ink text on white, gold kept only
   as fine accents; navigation and interactive chrome removed.
   ============================================================ */

@page {
  size: A4;
  margin: 14mm 14mm 16mm;
}

html, body {
  background: #fff !important;
  color: #1A1710 !important;
  font-size: 11pt;
}

/* ---------- Hide navigation & interactive chrome ---------- */
.navbar,
.footer,
.mobile-menu-toggle,
.guide-tabs,
.search-container,
.filter-chips,
.tool-back,
.view-controls,
.assess-hint,
.result-actions,
.irl-actions,
.mode-result-actions,
.pathway-start,
.readiness-note,
.modal-close,
.btn,
.social-links,
.tool-crosslink,
section[data-screen-label*="rosslink"],
.readiness-cards {
  display: none !important;
}

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

/* ---------- Branded print header ---------- */
.print-brand {
  display: flex !important;
  align-items: center;
  gap: 10pt;
  padding-bottom: 8pt;
  margin-bottom: 14pt;
  border-bottom: 1.5pt solid #C79A3B;
}
.print-brand img { height: 26pt; width: auto; }
.print-brand .pb-word {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 16pt;
  font-weight: 600;
  color: #1A1710;
  display: block;
  line-height: 1.1;
}
.print-brand .pb-sub {
  font-family: var(--font-mono, monospace);
  font-size: 6.5pt;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #8A6118;
  display: block;
}
.print-brand .pb-right {
  margin-left: auto;
  text-align: right;
  font-family: var(--font-mono, monospace);
  font-size: 6.5pt;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #6B6450;
}

/* ---------- Dark hero sections → white paper ---------- */
.tool-hero, .guide-hero, .hero, .section-ink, .cta-section, .ledger {
  background: #fff !important;
  color: #1A1710 !important;
  padding: 0 0 10pt !important;
}
.tool-hero::before, .guide-hero::before, .hero::before, .cta-section::before { display: none !important; }
.tool-title, .guide-title, .hero-title,
.section-ink h1, .section-ink h2, .section-ink h3, .section-ink h4 {
  color: #1A1710 !important;
  font-size: 20pt !important;
}
.tool-title em, .guide-title em, .hero-title em { color: #8A6118 !important; }
.tool-subtitle, .guide-subtitle, .hero-subtitle { color: #4a4436 !important; font-size: 10.5pt !important; max-width: none !important; margin-bottom: 8pt; }
.eyebrow, .eyebrow.on-ink, .on-ink .eyebrow { color: #8A6118 !important; }
.eyebrow::before { background: #C79A3B !important; }

.tool-meta { border-top: 0.75pt solid #ddd !important; padding-top: 6pt !important; gap: 12pt !important; }
.tool-meta .tm-k { color: #8A6118 !important; }
.tool-meta .tm-v { color: #1A1710 !important; }

.guide-stats { gap: 18pt !important; margin-bottom: 8pt !important; }
.stat-value, .stat .stat-number { color: #8A6118 !important; }
.stat-item .stat-label, .stat .stat-label { color: #6B6450 !important; }

/* ---------- General surfaces ---------- */
.tool-section, .section, .guide-content { padding: 8pt 0 !important; background: #fff !important; }
.tool-section.alt, .bg-section.alt { background: #fff !important; border: none !important; }
.container { max-width: 100% !important; padding: 0 !important; }

h2 { font-size: 15pt !important; }
h3 { font-size: 12pt !important; }
p, li { orphans: 3; widows: 3; }

.card, .level-row, .rung, .dim-q, .commit-card, .role-card, .doc-card,
.methodology-card, .pathway-card, .journey-phase, .portfolio-tier,
.readiness-card, .xlink-card, .tip-card, .mode-question {
  background: #fff !important;
  border: 0.75pt solid #cfc7b2 !important;
  box-shadow: none !important;
  break-inside: avoid;
}

/* ---------- Journey / guide content ---------- */
.journey-phase { padding: 8pt 10pt !important; }
.method-chip { border: 0.75pt solid #cfc7b2 !important; background: #fff !important; padding: 2pt 6pt !important; }
.methodology-grid { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 8pt !important; }
.methodology-header { background: #F3EEE1 !important; print-color-adjust: exact; -webkit-print-color-adjust: exact; }
.methodology-footer { background: #F3EEE1 !important; print-color-adjust: exact; -webkit-print-color-adjust: exact; }
.difficulty, .mode-badge, .badge { border: 0.75pt solid #cfc7b2 !important; background: #fff !important; color: #6B6450 !important; }
.portfolio-band { background: #fff !important; border: 0.75pt solid #cfc7b2 !important; break-inside: avoid; }

/* Compare table */
.compare-selection { display: none !important; }
.compare-results { border: none !important; padding: 0 !important; min-height: 0 !important; }
.compare-results th { color: #8A6118 !important; }
.compare-results th, .compare-results td { border-bottom: 0.75pt solid #ddd !important; }

/* ---------- TRL ladder & result ---------- */
.assess-layout { display: block !important; }
.result-rail { position: static !important; margin-top: 12pt; }
.rung { display: grid !important; }
.rung .rung-check { border: 0.75pt solid #9c9377 !important; color: transparent; }
.rung.achieved { background: #F6EAD1 !important; print-color-adjust: exact; -webkit-print-color-adjust: exact; }
.rung.achieved .rung-check { background: #C79A3B !important; border-color: #C79A3B !important; color: #1A1710 !important; print-color-adjust: exact; -webkit-print-color-adjust: exact; }
.rung.current { box-shadow: none !important; border: 1.5pt solid #C79A3B !important; }

.result-card {
  background: #fff !important;
  color: #1A1710 !important;
  border: 1.5pt solid #C79A3B !important;
  box-shadow: none !important;
  break-inside: avoid;
}
.result-card::before { display: none !important; }
.result-eyebrow, .result-next h4 { color: #8A6118 !important; }
.result-level, .result-name { color: #1A1710 !important; }
.result-name { color: #8A6118 !important; }
.result-desc, .result-next p, .result-empty { color: #4a4436 !important; }
.result-meter { background: #EDE5D2 !important; print-color-adjust: exact; -webkit-print-color-adjust: exact; }
.result-meter span { background: #C79A3B !important; print-color-adjust: exact; -webkit-print-color-adjust: exact; }
.result-scale { color: #6B6450 !important; }
.result-next { border-top: 0.75pt solid #ddd !important; }
.band-label { color: #8A6118 !important; }

/* ---------- IRL ---------- */
.dim-option { background: #fff !important; border: 0.75pt solid #ddd !important; }
.dim-option.selected {
  background: #F6EAD1 !important;
  border: 1.25pt solid #C79A3B !important;
  print-color-adjust: exact; -webkit-print-color-adjust: exact;
}
.dim-option .opt-rank { background: #fff !important; }
.dim-option.selected .opt-rank { background: #C79A3B !important; border-color: #C79A3B !important; color: #1A1710 !important; print-color-adjust: exact; -webkit-print-color-adjust: exact; }
.irl-result { display: block !important; }
.radar-wrap { border: 0.75pt solid #cfc7b2 !important; max-width: 340pt; margin: 0 auto 10pt; break-inside: avoid; }
.dim-bar-track { background: #EDE5D2 !important; border-color: #ddd !important; print-color-adjust: exact; -webkit-print-color-adjust: exact; }
.dim-bar-fill { background: #C79A3B !important; print-color-adjust: exact; -webkit-print-color-adjust: exact; }
.dim-bars { break-inside: avoid; }
.irl-verdict {
  background: #fff !important;
  color: #1A1710 !important;
  border: 0.75pt solid #cfc7b2 !important;
  border-left: 3pt solid #C79A3B !important;
  break-inside: avoid;
}
.irl-verdict h3, .irl-verdict p { color: #1A1710 !important; }
.irl-verdict h3 em, .irl-verdict .iv-stage, .irl-verdict .iv-focus strong { color: #8A6118 !important; }
.irl-verdict .iv-focus { color: #4a4436 !important; border-top: 0.75pt solid #ddd !important; }

/* Mode assessment result */
.mode-result { border: 0.75pt solid #cfc7b2 !important; border-left: 3pt solid #C79A3B !important; background: #fff !important; break-inside: avoid; }

/* ---------- Methodology modal: print only the open sheet ---------- */
body:has(.modal.active) > *:not(.modal):not(.print-brand) { display: none !important; }
.modal.active {
  display: block !important;
  position: static !important;
  background: #fff !important;
  backdrop-filter: none !important;
  padding: 0 !important;
}
.modal.active .modal-content {
  max-width: 100% !important;
  max-height: none !important;
  overflow: visible !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  animation: none !important;
}
.methodology-detail .detail-header { background: #fff !important; border: none !important; border-bottom: 1.5pt solid #C79A3B !important; border-radius: 0 !important; }
.methodology-detail .detail-content [class*="bg-muted"],
.methodology-detail .detail-content [class*="bg-primary/10"],
.methodology-detail .detail-content [class*="bg-warning/10"] {
  background: #fff !important;
  border: 0.75pt solid #cfc7b2 !important;
  border-left: 3pt solid #C79A3B !important;
  break-inside: avoid;
}
.methodology-detail .detail-content .grid-cols-2 > div { background: #fff !important; border: 0.75pt solid #ddd !important; break-inside: avoid; }