/* ============================================================
   PRINT — The Ai Toolz
   Sensible print styles. Tools are interactive so we hide
   the workspace and show a URL instead.
   ============================================================ */

@media print {
  *,\n  *::before,\n  *::after {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }

  body {
    font-size: 12pt;
    line-height: 1.5;
    font-family: Georgia, 'Times New Roman', serif;
    color: #000;
    background: #fff;
  }

  .site-header,
  .site-footer,
  .mobile-drawer,
  .toast-stack,
  .command-palette,
  .cookie-banner,
  .btn,
  .tool-sidebar,
  .ws-options-panel,
  .mobile-options-trigger,
  .bottom-sheet,
  .processing-overlay,
  .util-toolbar,
  .util-options,
  [data-noprint] {
    display: none !important;
  }

  .pdf-workspace::after,
  .util-workspace::after,
  .img-workspace::after {
    content: 'Interactive tool available at: ' attr(data-url);
    display: block;
    margin-top: 1em;
    font-size: 10pt;
    color: #555;
    font-style: italic;
  }

  a[href]::after {
    content: ' (' attr(href) ')';
    font-size: 0.85em;
    color: #555;
  }
  a[href^="#"]::after,
  a[href^="javascript"]::after { content: ''; }

  h2, h3, h4 { page-break-after: avoid; }
  p, li       { page-break-inside: avoid; }
  img, table  { page-break-inside: avoid; }
  .card, .alert { page-break-inside: avoid; }

  h1 { font-size: 24pt; }
  h2 { font-size: 18pt; }
  h3 { font-size: 14pt; }

  .container { max-width: 100%; padding: 0; }
  .site-content { padding: 0; }

  .prose p { max-width: 100%; }
  .info-layout { max-width: 100%; padding: 0; }

  pre, code { border: 1px solid #ccc; white-space: pre-wrap; word-break: break-all; }
}