/* print.css — print-specific styles for AI Executive Coaching pages
   Loaded via <link rel="stylesheet" href="/print.css" media="print">
   Hides interactive/navigation chrome, expands content to full width,
   removes shadows/borders, and ensures black-on-white text for print. */

/* ---- Base: black text on white, no animations ---- */
* {
  box-shadow: none !important;
  text-shadow: none !important;
}

html {
  background: #fff !important;
}

body {
  background: #fff !important;
  color: #000 !important;
  font-size: 11pt;
  line-height: 1.5;
  margin: 0;
  padding: 0;
}

/* ---- Hide navigation, interactive chrome, and non-printable elements ---- */
.skip-link,
#scroll-progress,
.site-nav--main,
nav.toc-mobile,
aside.toc-sidebar,
footer,
footer.wrap,
.sticky-cta,
#stickyCta,
.share-bar,
.cookie-banner,
#cookie-consent,
#back-to-top,
.cal-embed,
.hero-halftone,
iframe,
.script,
button {
  display: none !important;
}

/* ---- Expand content to full width ---- */
.page-layout,
.wrap,
.page-main {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ---- Typography: black on white, keep headings readable ---- */
h1, h2, h3, h4, h5, h6 {
  color: #000 !important;
  page-break-after: avoid;
}

p, li, td, th, blockquote, dd, dt {
  color: #000 !important;
}

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

a[href]:after {
  content: " (" attr(href) ")";
  font-size: 0.85em;
  color: #444;
}

a[href^="#"]:after,
a[href^="javascript:"]:after {
  content: "";
}

/* ---- Section spacing for print ---- */
section {
  page-break-inside: avoid;
  padding: 0.5rem 0 !important;
  margin: 0 0 1rem !important;
}

/* ---- Remove decorative borders, keep structural lines subtle ---- */
section,
.pricing-tier,
.not-callout,
.flowchart-wrap,
.checklist-note {
  border: 1px solid #ccc !important;
  background: #fff !important;
  border-radius: 0 !important;
}

.checklist-note {
  border-left: 3px solid #555 !important;
}

/* ---- Flowchart: light background for print ---- */
.flowchart-wrap {
  background: #fff !important;
  color: #000 !important;
  padding: 0.5rem !important;
}

.flowchart-bar {
  border-bottom: 1px solid #ccc !important;
}

.flowchart-legend {
  border-top: 1px solid #ccc !important;
  color: #444 !important;
}

/* ---- Checklist: keep checkmarks visible in print ---- */
.checklist li::before {
  background: #555 !important;
  color: #fff !important;
}

/* ---- Session sequence: keep timeline visible ---- */
.session-seq li {
  border-left: 2px solid #555 !important;
}

.session-seq li::before {
  background: #555 !important;
}

.session-seq .session-time {
  color: #333 !important;
}

/* ---- Pricing tiers: flatten cards ---- */
.pricing-tier {
  box-shadow: none !important;
  padding: 0.5rem 0.75rem !important;
  margin: 0 0 0.5rem !important;
}

.pricing-secondary {
  display: block !important;
}

/* ---- Hero: simplify for print ---- */
.hero {
  padding: 0 0 1rem !important;
  margin: 0 0 1rem !important;
  border-bottom: 2px solid #000 !important;
}

.hero .cta,
.cta,
.cta-secondary {
  display: inline-block !important;
  background: #fff !important;
  color: #000 !important;
  border: 1px solid #000 !important;
  padding: 0.3em 0.8em !important;
  text-decoration: none !important;
}

/* ---- Eyebrows and labels ---- */
.eyebrow,
.section-label,
.section-num,
.pricing-badge {
  color: #333 !important;
}

/* ---- Timeline visual: flatten ---- */
.timeline-dot,
.timeline-phase-time,
.timeline-week-label {
  color: #333 !important;
}

/* ---- FAQ details: expand all for print ---- */
details {
  display: block !important;
}

details > summary {
  list-style: none;
}

details > summary::-webkit-details-marker {
  display: none;
}

.faq-answer {
  display: block !important;
}

/* ---- Reduce excessive whitespace ---- */
p {
  orphans: 3;
  widows: 3;
}

/* ---- Page margins ---- */
@page {
  margin: 1.5cm 2cm;
}
/* Assessment result controls are useful on screen but not in the readout. */
.assessment-complete .result-cta,
.assessment-complete .email-gate,
.assessment-complete .assessment-reset {
  display: none !important;
}
.assessment-complete .result-patterns,
.assessment-complete .result-benchmark,
.assessment-complete .result-dimensions {
  page-break-inside: avoid;
}
.assessment-complete .chart-text-summary,
.assessment-complete .benchmark-dimension,
.assessment-complete .dim-card-benchmark {
  color: #000 !important;
}

/* The result readout remains complete when a browser cannot print canvas
   pixels reliably: the chart cards print their axis notes, exact summaries,
   current pattern, and benchmark status instead. */
.assessment-complete .result-chart-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 1rem !important;
}
.assessment-complete .result-chart-grid .chart-wrap {
  display: block !important;
  padding: 0.75rem !important;
  background: #fff !important;
  border: 1px solid #aaa !important;
  box-shadow: none !important;
  color: #000 !important;
}
.assessment-complete .result-chart-grid .chart-canvas-frame {
  display: none !important;
}
.assessment-complete .chart-text-summary,
.assessment-complete .chart-annotation,
.assessment-complete .result-chart-key,
.assessment-complete .chart-kicker,
.assessment-complete .chart-note,
.assessment-complete .chart-axis-notes span,
.assessment-complete .chart-axis-notes strong {
  color: #000 !important;
}
.assessment-complete .chart-fallback-note[hidden] {
  display: none !important;
}

/* Share/report actions are screen affordances, not part of the saved artifact. */
.assessment-complete .result-share-actions,
.assessment-complete .result-cta,
.assessment-complete .email-gate,
.assessment-complete .assessment-reset,
.assessment-complete form,
.assessment-complete input,
.assessment-complete textarea,
.assessment-complete select,
.assessment-complete [data-private],
.assessment-complete [data-profile],
.assessment-complete [data-inventory] {
  display: none !important;
}
.assessment-complete .result-artifact-head {
  margin-bottom: 1rem !important;
  padding: 0 0 0.75rem !important;
  border: 0 !important;
  border-bottom: 2px solid #555 !important;
  background: transparent !important;
}
.assessment-complete .result-artifact-head h1 {
  margin: 0.25rem 0 !important;
  color: #000 !important;
}
.assessment-complete .result-artifact-caveat,
.assessment-complete .result-artifact-source,
.assessment-complete .result-artifact-date {
  color: #000 !important;
}
.assessment-complete .result-artifact-source {
  display: block !important;
}
.report-unavailable {
  border: 0 !important;
  padding: 0 !important;
}
.assessment-complete .result-patterns,
.assessment-complete .result-benchmark,
.assessment-complete .result-dimensions {
  break-inside: auto;
  page-break-inside: auto;
}
.assessment-complete .result-pattern,
.assessment-complete .result-score-grid,
.assessment-complete .result-gap,
.assessment-complete .result-start-panel,
.assessment-complete .result-readout-grid,
.assessment-complete .result-leader-signals,
.assessment-complete .benchmark-stat,
.assessment-complete .chart-wrap,
.assessment-complete .dim-card {
  break-inside: avoid;
  page-break-inside: avoid;
}
.assessment-complete .result-gap {
  border: 0 !important;
  border-left: 2px solid #555 !important;
  background: #fff !important;
  padding: 0.25rem 0 0.25rem 0.5rem !important;
}