/**
 * ux-design-system — Print Stylesheet
 *
 * Optimiertes Drucklayout für doc-chrome-basierte Seiten.
 * Blendet Navigation, Banner und fixierte UI-Elemente aus.
 */
@page {
  margin: 1.5cm;
}

@media print {
  .toc-sidebar,
  .toc-toggle,
  .doc-header,
  .project-banner,
  .skip-link {
    display: none !important;
  }

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

  .main-content {
    margin-left: 0 !important;
  }

  .hero {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    padding: 1.5rem !important;
  }

  .content-wrap {
    max-width: 100%;
    padding: 1rem 0 !important;
  }

  a[href^="http"]::after {
    content: " (" attr(href) ")";
    font-size: 0.75em;
    color: #555;
  }

  a[href^="#"]::after,
  a[href^="./"]::after,
  a[href^="../"]::after {
    content: "";
  }

  .mermaid-wrap,
  .figure-screenshot {
    break-inside: avoid;
    page-break-inside: avoid;
  }

  .doc-footer {
    background: #fff;
    border-top: 1px solid #ccc;
  }

  section {
    animation: none !important;
  }
}