/**
 * FAQ article print / Save-as-PDF (window.print) styles.
 *
 * Browser limits (not controllable from JS/CSS):
 * - "Background graphics" and "Headers and footers" are print-dialog options only.
 * - Margins may be overridden by the user's printer defaults.
 * CSS can only suggest backgrounds via print-color-adjust; users must enable backgrounds in the dialog.
 */

@media print {
  @page {
    margin: 18mm 16mm 22mm;
    size: auto;
  }

  html {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  body {
    background: #fff !important;
    color: #111 !important;
  }

  .faq-site-header,
  .faq-hero,
  .faq-article-sidebar,
  .detail-sidebar,
  .footer,
  .breadcrumb,
  .detail-breadcrumb,
  .faq-preview-banner,
  .detail-feedback,
  .faq-feedback,
  .detail-related,
  .detail-topbar,
  .faq-download-btn,
  .faq-download-actions,
  .faq-related,
  .sidebar-btn,
  .no-print {
    display: none !important;
  }

  .faq-print-header,
  .faq-print-footer {
    display: block !important;
  }

  .faq-print-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    padding: 0 0 8px;
    border-bottom: 1px solid #ccc;
    font-size: 10pt;
    color: #444;
    background: #fff;
  }

  .faq-print-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 8px 0 0;
    border-top: 1px solid #ccc;
    font-size: 9pt;
    color: #666;
    background: #fff;
  }

  .faq-main,
  .container,
  .faq-article-view,
  .faq-article-layout,
  .detail-layout {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .faq-article-card-main,
  .card,
  .detail-main {
    border: none !important;
    box-shadow: none !important;
    background: #fff !important;
    padding: 28mm 0 20mm !important;
  }

  .article,
  .detail-content,
  .faq-article-content {
    color: #111 !important;
    max-width: 100% !important;
  }

  .detail-content *,
  .faq-article-content *,
  .article * {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  .detail-content pre,
  .detail-content code,
  .faq-article-content pre,
  .faq-article-content code {
    background: #f4f4f5 !important;
    border: 1px solid #ddd !important;
  }

  .detail-badge,
  .faq-callout,
  .faq-highlight {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  a[href]::after {
    content: " (" attr(href) ")";
    font-size: 85%;
    color: #555;
  }

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

.faq-print-header,
.faq-print-footer {
  display: none;
}