/*
 * print.css — Strip chrome for long-form article printing.
 * Imported via <link rel="stylesheet" media="print"> in the article layout slot.
 * Lane L: applied to blog/knowledge article pages.
 */

@media print {
  /* Hide site chrome */
  header,
  footer,
  nav[aria-label="Breadcrumb"],
  .product-buy-box,
  .skip-to-content,
  #mobile-menu,
  #mobile-menu-toggle {
    display: none !important;
  }

  /* Page setup */
  @page {
    margin: 2cm 2.5cm;
    size: A4 portrait;
  }

  html,
  body {
    background: #fff !important;
    color: #000 !important;
    font-size: 11pt;
    line-height: 1.6;
    letter-spacing: 0;
  }

  /* Article container — full width */
  article {
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }

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

  p, li {
    orphans: 3;
    widows: 3;
  }

  /* Show link URLs */
  a[href]::after {
    content: " (" attr(href) ")";
    font-size: 9pt;
    color: #555;
    word-break: break-all;
  }
  /* But not for internal nav links */
  a[href^="/"]:not([class])::after {
    content: none;
  }

  /* Borders become black */
  [class*="border"] {
    border-color: #ccc !important;
  }

  /* Remove accent colors, show ink */
  .overline {
    color: #000 !important;
  }

  /* Remove backgrounds */
  [class*="bg-"] {
    background: transparent !important;
  }

  /* Images stay */
  img {
    max-width: 100%;
    page-break-inside: avoid;
  }
}