/*
 * Jessica — print stylesheet (loaded with media="print", after custom.css).
 *
 * Prints in light mode whatever the on-screen theme: theme-toggle.js flips
 * data-theme to light on beforeprint, and the token reset below covers
 * print paths that skip that event (e.g. some PDF generators).
 * Keeps only the page content: no navigation, controls, footer or decoration.
 */

/* ---------- Force light mode ---------- */
:root,
:root[data-theme="light"],
:root[data-theme="dark"] {
  color-scheme: light;
  --q2-bg: #ffffff;
  --q2-bg-elev: #ffffff;
  --q2-bg-muted: #ffffff;
  --q2-text: #111111;
  --q2-text-strong: #000000;
  --q2-text-muted: #444444;
  --q2-accent: #4c1d95;
  --q2-accent-contrast: #ffffff;
  --q2-link: #4c1d95;
  --q2-divider: #cccccc;
  --q2-border-ring: #cccccc;
  --q2-border-strong: #999999;
  --q2-shadow-card: none;
  --j-soft: #ffffff;
  --pico-background-color: #ffffff;
  --pico-color: #111111;
  --pico-font-size: 11pt;
  --pico-line-height: 1.5;
}

@page { margin: 18mm 16mm; }

html, body {
  background: #ffffff !important;
  color: #111111 !important;
}
body { font-size: 11pt; }

/* ---------- Remove everything that isn't content ---------- */
.j-skip,
.j-consent,
#header,
.mobile-menu,
.mobile-container,
.theme-toggle,
.j-progress,
#messages,
#footer,
.j-crumb,
.j-filters,
.j-status .j-active,
.j-pager,
.prev-next,
.j-related,
.j-article-tags,
.j-article-hero,
.card-image,
.card-footer,
.j-actions,
.j-more,
.j-cta,
.j-form,
.j-pillar-icon,
.j-now-dot,
.j-hero-photo,
h2::before,
h2::after,
#to-start,
i.fa-solid,
i.fa-regular,
i.fa-brands {
  display: none !important;
}

/* ---------- Flatten the layout ---------- */
*,
*::before,
*::after {
  box-shadow: none !important;
  text-shadow: none !important;
  animation: none !important;
  transition: none !important;
}

/* Scroll-reveal sections start hidden on screen; always print them. */
.j-reveal,
.js-ready .j-reveal {
  opacity: 1 !important;
  transform: none !important;
}

#page-wrapper,
main,
.section,
.container,
#body-wrapper > .container > .content-item {
  margin: 0 !important;
  padding: 0 !important;
  max-width: none !important;
  width: auto !important;
  background: none !important;
  border: 0 !important;
}
.section + .section { margin-top: 12pt !important; }

/* Grids collapse to one column; boxes become plain blocks. */
.j-layout,
.j-hero,
.blog-grid,
.j-cards,
.j-pillars,
.j-stats,
.j-recognition {
  display: block !important;
}
.j-hero,
.j-panel,
.card,
.j-pillar,
.j-mentor,
.j-stats li,
.j-recognition li,
.j-now {
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 0 10pt !important;
  color: inherit !important;
}
.j-panel,
.card,
.j-pillar,
.j-recognition li {
  border-left: 2pt solid #999999 !important;
  padding-left: 8pt !important;
}
.j-stats li { display: inline-block !important; margin-right: 16pt !important; }
.label,
.j-creds li {
  background: none !important;
  border: 0 !important;
  padding: 0 !important;
}

/* ---------- Typography ---------- */
h1, h2, h3, h4,
.j-hero h1 {
  color: #000000 !important;
  break-after: avoid;
  page-break-after: avoid;
}
h1, .j-hero h1, .j-page-head h1 { font-size: 22pt !important; max-width: none !important; }
h2 { font-size: 16pt; }
h3 { font-size: 13pt; }
p, li { orphans: 3; widows: 3; }
.e-content p,
.e-content li { max-width: none; }

img,
figure,
table,
pre,
blockquote,
.card,
.j-panel,
.j-pillar {
  break-inside: avoid;
  page-break-inside: avoid;
}
img { max-width: 100% !important; }
.e-content img[style*="float"] { float: none !important; display: block; }

/* ---------- Links ---------- */
a {
  color: #4c1d95 !important;
  text-decoration: underline;
}
/* Readers on paper can't follow a link, so print where it goes. */
.e-content a[href^="http"]::after,
.blog-page-intro a[href^="http"]::after {
  content: " (" attr(href) ")";
  font-size: 9pt;
  color: #444444;
  overflow-wrap: anywhere;
}
.card-title a,
.j-panel h2 a,
.j-page-head a { text-decoration: none; }