/* Print styles. Used mainly for the WCAG-EM report and worksheet templates,
   which students complete and submit as PDFs. */
@media print {
  :root {
    --bg: #fff; --surface: #fff; --surface-raised: #fff;
    --text: #000; --text-muted: #333;
    --border: #999; --border-strong: #666; --accent: #000;
  }
  body { font-size: 11pt; line-height: 1.5; background: #fff; color: #000; }

  /* Interactive chrome carries no meaning on paper. */
  .site-nav, .skip-link, .filters, .sc-pager, .demo-frame__actions,
  .no-print { display: none !important; }

  .page { width: auto; padding: 0; }
  a { color: #000; text-decoration: underline; }
  /* Print the destination of links, so a printed report stays traceable. */
  .prose a[href^="http"]::after { content: " (" attr(href) ")"; font-size: 9pt; word-break: break-all; }

  h1, h2, h3 { break-after: avoid; page-break-after: avoid; }
  pre, table, .callout, .panel { break-inside: avoid; page-break-inside: avoid; }
  pre { white-space: pre-wrap; word-wrap: break-word; border: 1px solid #999; }

  thead { display: table-header-group; }
  th, td { border: 1px solid #999; }

  /* Worksheet fields must be visible as fillable lines on paper. */
  input[type="text"], textarea {
    border: none; border-bottom: 1px solid #000; border-radius: 0; min-height: 1.8em;
  }
  textarea { border: 1px solid #000; }

  .page-break { break-before: page; page-break-before: always; }
}