/* ============================================================================
   VÆLARUM — Print styles
   Clean, readable A4 output. Hides chrome, removes decoration, ensures
   brand legibility. Loaded via media="print".
   ============================================================================ */

@page {
  size: A4 portrait;
  margin: 2cm 1.8cm;
}

html, body {
  background: #fff !important;
  color: #000 !important;
  font-size: 10.5pt !important;
  line-height: 1.45 !important;
}

/* Hide site chrome */
.site-header,
.mobile-nav,
.nav-toggle,
.lang-switch,
.btn-row,
.btn,
.site-footer,
.skip-link,
.hero-bubble,
.hero-ripple,
.hero-surface,
.proto-note {
  display: none !important;
}

/* Hero — collapse to a printed banner */
.hero,
.hero--underwater {
  background: #fff !important;
  color: #000 !important;
  padding: 0 0 1cm 0 !important;
  border-bottom: 1pt solid #000;
  margin-bottom: 1cm !important;
  min-height: 0 !important;
}

.hero--underwater::before,
.hero--underwater::after {
  display: none !important;
}

.hero-stage {
  display: block !important;
  text-align: left !important;
}

.hero-logo {
  width: 36mm !important;
  height: 36mm !important;
  margin-bottom: 4mm !important;
  opacity: 1 !important;
  filter: none !important;
  animation: none !important;
  transform: none !important;
}

.hero__eyebrow,
.section__eyebrow,
.card__eyebrow {
  font-size: 7pt !important;
  color: #555 !important;
  letter-spacing: 0.16em !important;
}

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

.hero__title {
  color: #000 !important;
  font-size: 22pt !important;
  line-height: 1.15 !important;
  margin-bottom: 4mm !important;
  opacity: 1 !important;
  animation: none !important;
}

.hero__lede,
.section__lede,
.prose-page__sub {
  color: #222 !important;
  font-size: 11pt !important;
  line-height: 1.5 !important;
  opacity: 1 !important;
  animation: none !important;
  margin-bottom: 6mm !important;
}

.hero__meta {
  border-color: #ccc !important;
  opacity: 1 !important;
  animation: none !important;
  display: flex !important;
  gap: 8mm !important;
  flex-wrap: wrap;
}

.hero__metric-value {
  color: #000 !important;
}

.hero__metric-label {
  color: #555 !important;
}

/* Container — remove backdrop blur, narrow max width */
.container {
  max-width: 100% !important;
  padding: 0 !important;
}

/* Section spacing */
.section {
  padding-block: 6mm !important;
  break-inside: avoid;
}

.section--dark,
.section--alt {
  background: #fff !important;
  color: #000 !important;
}

.section--dark h1,
.section--dark h2,
.section--dark h3,
.section--dark p {
  color: #000 !important;
}

/* Headings */
h1, h2, h3 {
  color: #000 !important;
  break-after: avoid;
  page-break-after: avoid;
}

h2 {
  font-size: 16pt !important;
  margin-top: 8mm !important;
  margin-bottom: 4mm !important;
  border-bottom: 0.5pt solid #999;
  padding-bottom: 2mm;
}

h3 {
  font-size: 13pt !important;
  margin-top: 5mm !important;
  margin-bottom: 2mm !important;
}

/* Cards become bordered blocks */
.card,
.stat-card,
.pipeline__step {
  background: #fff !important;
  border: 0.5pt solid #999 !important;
  padding: 4mm !important;
  margin-bottom: 3mm !important;
  break-inside: avoid;
  box-shadow: none !important;
  transform: none !important;
}

.pipeline {
  grid-template-columns: 1fr 1fr !important;
  gap: 3mm !important;
}

.pipeline__step::after {
  display: none !important;
}

/* Case rows */
.case-row {
  break-inside: avoid;
  border-top: 0.5pt solid #999 !important;
  padding: 4mm 0 !important;
}

.case-row__metrics {
  background: #f4f4f4 !important;
}

/* Banner / proto-block — show but stripped */
.banner,
.proto-block {
  background: #f4f4f4 !important;
  border-color: #999 !important;
  color: #000 !important;
  padding: 3mm 4mm !important;
  border-radius: 0 !important;
}

.banner strong,
.proto-block strong {
  color: #000 !important;
}

/* Links — show URL after link */
a {
  color: #000 !important;
  text-decoration: underline !important;
}

a[href^="http"]::after,
a[href^="mailto:"]::after {
  content: " (" attr(href) ")";
  font-size: 8pt;
  color: #555;
  font-style: italic;
}

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

/* Footer of every page when printing — small attribution line */
main::after {
  content: "VÆLARUM GmbH (i.G.) · Prototyp · Iteration A · 2026-05-17";
  display: block;
  margin-top: 1cm;
  padding-top: 4mm;
  border-top: 0.5pt solid #ccc;
  font-family: var(--font-mono);
  font-size: 7pt;
  color: #777;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

/* Reduce motion: nothing animates in print anyway */
* {
  animation-duration: 0s !important;
  animation-delay: 0s !important;
  transition: none !important;
}

/* Avoid breaking inside critical blocks */
.prose-page__header,
.section__header,
.card,
.pipeline__step,
.case-row {
  break-inside: avoid;
  page-break-inside: avoid;
}