/* ==========================================================================
   print.css: mainly for the CV, which people do print.

   Strips the interface back to the document: no navigation, no tinted cards,
   no shadows, and link destinations spelled out since a reader on paper cannot
   follow them.
   ========================================================================== */

@page {
  margin: 18mm 16mm;
}

body {
  background: #fff;
  color: #000;
  /* A sheet left open fixes the body; printing must not inherit that. */
  position: static !important;
  top: auto !important;
  width: auto !important;
  padding-right: 0 !important;
}

/* Interface that means nothing on paper. */
.skip-link,
.site-nav,
.more-link,
.home-index,
.hero__banner,
.sheet__close-dock,
.sheet__hint {
  display: none !important;
}

.page {
  padding-bottom: 0;
  animation: none;
}

.hero__grid {
  grid-template-columns: 1fr;
}

/* A sheet that happens to be open prints as a plain appendix rather than a
   full-viewport overlay. */
.modal {
  position: static;
  display: block;
  padding: 0;
  background: none;
  backdrop-filter: none;
}

.sheet {
  width: auto;
  max-height: none;
  overflow: visible;
  box-shadow: none;
  animation: none;
}

/* Flatten every raised surface. */
.card,
.press,
.flow__card,
.shot__img {
  background: none;
  border-color: #ccc;
  box-shadow: none;
  transform: none;
}

.card--plate {
  border-style: solid;
}

/* Keep an entry or a figure from being split across two sheets. */
.card,
.stats__item,
.flow__step,
.shot,
.inset {
  break-inside: avoid;
}

h1,
h2,
h3 {
  break-after: avoid;
}

/* Spell out destinations, but only for real outbound links. */
a[href^="http"]::after {
  content: " (" attr(href) ")";
  font-size: 0.6875rem;
  color: #555;
  word-break: break-all;
}

/* Images are decoration here; the words are the point. The chart's caption
   carries the finding, so only the bars go. */
.card__art,
.card__banner,
.sheet__hero,
.chart__plot-wrap {
  display: none;
}

/* With the plot gone the two-column grid would leave an empty first column. */
.chart {
  display: block;
}