/* ===========================================================================
   Merry & Found - print
   ---------------------------------------------------------------------------
   People print gift lists and take them shopping, so this is a real
   stylesheet rather than a courtesy. Goals: keep the reasoning, keep the
   product names, drop the interface, and never waste ink on dark grounds.

   Loaded with media="print" so it never blocks screen rendering.
   =========================================================================== */

@page {
  margin: 18mm 16mm;
}

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

/* Interface elements that mean nothing on paper. */
.skip-link,
.masthead,
.hero__actions,
.finder__form,
.finder__controls,
.results__more,
.noscript,
.notice,
.media,
.foot__nav,
.tiles,
.crosslinks {
  /* FINAL RELATED-LINK CONSISTENCY PASS (2026-08-29): .guide__related
     removed from this list - it no longer exists in generated markup
     (automation/build-site.js's gift-guide related links now render
     through the shared relatedLine()/.related-links pattern, same as
     Hard to Buy For's, which was never hidden from print). Not replacing
     it with .related-links here: that would newly suppress content that
     printed fine before under .fineprint, a behavior change this pass
     didn't ask for. */
  display: none !important;
}

/* The Gift Finder results, if the visitor printed after filtering, are worth
   keeping. The controls above them are not. */
.finder {
  background: none !important;
  border: 0 !important;
  padding-block: 0 !important;
}
.finder__results {
  border-top: 1pt solid #000;
  margin-top: 6mm;
  padding-top: 4mm;
}

/* Flatten every branded ground to white so nothing prints as a solid block. */
.sect,
.sect--picks,
.card,
.card--lead,
.trust-grid__side,
.disclosure-strong,
.foot {
  background: #fff !important;
  color: #000 !important;
  border-color: #999 !important;
}
.sect--picks .card__title,
.sect--picks .reasons dd,
.card--lead .card__title,
.card--lead .reasons dd,
.wordmark--onDark,
.foot__promise,
.foot__note,
.foot__copy,
.foot__assoc {
  color: #000 !important;
}

.sect {
  padding-block: 8mm !important;
  border-top: 0 !important;
}

/* Keep a recommendation and its reasoning on one page. */
.card,
.listItem,
.qa__item {
  break-inside: avoid;
  page-break-inside: avoid;
}

.card {
  border: 0 !important;
  border-top: 0.5pt solid #999 !important;
  border-radius: 0 !important;
  padding-block: 3mm;
}
.card__body { padding: 0 !important; }
.card--lead { flex-direction: column !important; }

h2 {
  font-size: 15pt;
  margin-bottom: 2mm;
  break-after: avoid;
}
h3 {
  font-size: 12pt;
  break-after: avoid;
}

.reasons { font-size: 10pt; }
.reasons dt {
  color: #000;
  font-weight: 700;
}

/* The FOUND badge is a filled evergreen chip on screen. On paper it becomes
   plain text so it does not print as a solid block of ink. */
.stamp,
.eyebrow {
  background: none !important;
  border: 0 !important;
  padding: 0 !important;
  color: #000 !important;
  font-size: 8pt;
}
.card__head { padding: 0 !important; }

/* The affiliate CTA becomes useless as a button, so print where it goes. */
.btn--amazon::after {
  content: " (" attr(href) ")";
  font-weight: 400;
  font-size: 8pt;
  word-break: break-all;
}
.btn--amazon {
  display: inline !important;
  background: none !important;
  border: 0 !important;
  color: #000 !important;
  padding: 0 !important;
  font-weight: 700;
}

.cta--pending { border-top: 0 !important; padding-top: 1mm !important; }

/* Disclosure has to survive to paper. */
.hero__disclosure,
.disclosure-inline,
.disclosure-strong,
.foot__assoc {
  display: block !important;
  border: 0 !important;
  padding: 0 !important;
  font-size: 9pt;
}

.foot {
  border-top: 1pt solid #000 !important;
  padding-block: 4mm !important;
}