/* ---------------------------------------------------------------------------
   Naïve Weekly — print / PDF layout
   A clean designed reading document: no backgrounds, no UI. The whole document
   follows the reading font chosen in the article's font picker.
   --------------------------------------------------------------------------- */

@page {
  margin: 2cm;
}

html,
body {
  background: #fff !important;
  color: #000 !important;
}

/* the reading font chosen in the picker (data-font on the root) drives the
   whole print document */
:root { --print-font: Arial, Helvetica, sans-serif; }
:root[data-font="serif"] { --print-font: "Times New Roman", Times, serif; }
:root[data-font="solar"] { --print-font: "ABC Solar", Georgia, serif; }

/* hide everything that isn't the article itself */
.nav,
.corner,
.sun-label,
.sea-link,
.foot-jump,
.firefly,
.garden,
.home-tools,
.alphabet,
.shuffle,
.library-card,
.article-tools,
.font-toggle,
.hl-toggle,
.print-btn,
.article__meta,
.article-nav,
.site-info,
.newsletter,
.colophon,
.ocean-scene,
.sound-toggle,
.article-scatter,
.places-map-wrap,
.maplibregl-control-container {
  display: none !important;
}

.article,
.article--site {
  max-width: 100%;
  margin: 0;
  padding: 0;
}

.article__head {
  margin-bottom: 1.6cm;
}

.article__title {
  font-family: var(--print-font);
  font-size: 22pt;
  font-weight: bold;
  margin: 0 0 0.4cm;
}

/* a two-column reading document (the title/head stays full-width above) */
.article__body {
  font-family: var(--print-font) !important;
  font-size: 10.5pt;
  line-height: 1.5;
  column-count: 2;
  column-gap: 1cm;
}

.article__body p {
  margin: 0 0 0.5cm;
  orphans: 3;
  widows: 3;
}

.article__body h1,
.article__body h2,
.article__body h3 {
  font-family: var(--print-font);
  page-break-after: avoid;
}

/* highlights print as a light-grey fill with black text, whatever the
   article's colour is on screen */
.article__body .hl {
  background: #e6e6e6 !important;
  color: #000 !important;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}

/* figures sit inside a column, image filling the column width */
.fig {
  page-break-inside: avoid;
  break-inside: avoid;
  margin: 0.6cm 0;
}

.fig img {
  width: 100%;
  max-width: 100%;
}

/* "images" checkbox off → print the article text without any figures/images */
.print-no-images .fig,
.print-no-images .article__body img,
.print-no-images .article__body figure {
  display: none !important;
}

/* strip block colours on any stray cards */
.card {
  background: none !important;
  color: #000 !important;
}

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