/* Print-only styling for the Campaign Brief Generator's "Download full brief
   as PDF" button. Loaded with media="print" so it never affects the on-screen
   view - triggering a real PDF requires no extra dependency: window.print()
   opens the browser's print dialog, where "Save as PDF" produces the file. */

@media print {
  @page {
    size: A4;
    margin: 14mm;
  }

  body {
    background: #ffffff;
  }

  /* Hide everything that isn't the brief itself: site chrome, the input form,
     the upgrade card, and every interactive control. */
  .site-nav,
  .tools-drawer,
  .site-footer,
  .tool-header,
  .tier-banner,
  .tool-form,
  .related-tools,
  .profile-bar,
  .account-notice,
  .modal-overlay,
  .toast-container,
  .shot-results__header,
  .audit-gate-card,
  .output-actions,
  .pillar-action-card__success {
    display: none !important;
  }

  .print-header {
    display: block !important;
    margin-bottom: 16px;
    border-bottom: 2px solid #000;
    padding-bottom: 10px;
  }
  .print-header h1 {
    margin: 0 0 4px;
    font-size: 20px;
  }
  .print-header p {
    margin: 0;
    color: #555;
    font-size: 12px;
  }

  .style-card-static {
    border: none;
    padding: 0;
    box-shadow: none;
  }

  .style-results__section {
    page-break-inside: avoid;
    break-inside: avoid;
    margin: 0 0 14px;
  }
  .style-results__section h3 {
    font-size: 14px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 4px;
  }

  .style-identity-card__name {
    font-size: 24px;
  }

  .sample-prompt-card {
    border: 1px solid #ddd;
    padding: 8px 10px;
    margin-bottom: 6px;
    page-break-inside: avoid;
    break-inside: avoid;
  }
  .sample-prompt-card__label,
  .sample-prompt-card__text,
  .style-caption {
    font-size: 11px;
  }

  .style-paste-block {
    white-space: pre-wrap;
    word-break: break-word;
    border: none;
    background: #f5f5f5;
    padding: 6px 8px;
    font-size: 10px;
  }

  .style-chip {
    border: 1px solid #ccc;
    background: none;
    font-size: 10px;
    padding: 2px 8px;
  }
}