/* ==========================================================================
   KARADIGM - print.css   (PORTABLE IDENTITY · adapter for PAPER / PDF)
   A thin adapter over the same design tokens: it does not restyle the site,
   it strips the screen chrome and re-flows the content column for ink.

   HOW TO USE
     <link rel="stylesheet" media="print" href="css/print.css">
   Then File → Print → Save as PDF for a quick export, or feed the page to
   Paged.js / Prince for real typesetting. No build step, bring your own tool.

   DESIGN NOTES
     - Black text on white paper (ink economy); the only colour kept is the
       tri-accent rule, the Karadigm signature, as a hairline under H1/H2.
     - Furniture (header, footer, nav, drawers, toasts, banners) is removed.
     - Links print their URL so a paper copy stays useful.
   ========================================================================== */

@page {
  margin: 18mm 16mm;
}

@media print {
  /* ---- ink-economy palette: override the token surfaces to paper ---- */
  :root {
    --bg0: #fff; --bg1: #fff; --bg2: #fff;
    --fg0: #000; --fg1: #333; --line: #bbb;
  }

  html { font-size: 11pt; }
  body { background: #fff; color: #000; }

  /* ---- strip every piece of screen furniture ---- */
  .site-header, .site-footer, .nav, .nav-toggle, .to-top, .skip-link,
  .scroll-progress, .announce, .shop-search, .shop-tools, .cart-drawer,
  .cart-drawer__scrim, .shop-toast, .cookie-consent, .post-bar, .post-toc,
  .post-share, .post-series, .pf-peek, .pf-spine, video, audio {
    display: none !important;
  }

  /* ---- let the content column use the full page width ---- */
  .page, .site-main, .legal, .legal-body, .post-body, .container, main {
    max-width: none !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
  }

  /* ---- typography that survives on paper ---- */
  h1, h2, h3, h4, h5, h6 { break-after: avoid; page-break-after: avoid; color: #000; }
  p, blockquote, figure, table, pre, .callout, .card { break-inside: avoid; page-break-inside: avoid; }
  img { max-width: 100% !important; }

  /* keep the signature tri-accent hairline under the top headings */
  h1::after, .site-main h2::after {
    content: "";
    display: block;
    width: 192px; height: 3px;
    margin-top: 8px;
    background: linear-gradient(90deg, var(--acc-blue), var(--acc-green), var(--acc-red));
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  /* ---- links: keep them readable, print the destination ---- */
  a { color: #000; text-decoration: underline; }
  a[href^="http"]::after {
    content: " (" attr(href) ")";
    font-size: 0.85em;
    color: #555;
    word-break: break-all;
  }
  /* in-page and JS-only anchors don't need a printed URL */
  a[href^="#"]::after, a[href^="javascript"]::after { content: ""; }
}

/* ──────────────────────────────────────────────────────────────────────────
   Karadigm - design system & templates crafted by Luko Karavan
   https://lukokaravan.com
   ────────────────────────────────────────────────────────────────────────── */