/* ============================================================
   Drillspress.com — print stylesheet
   Hides navigation / ads / interactive UI; prints a clean A4
   worksheet (+ answer key when answers are shown).
   ============================================================ */
@page { size: A4; margin: 12mm 11mm; }

@media print {
  html, body { background: #fff !important; }
  body { font-size: 10.5pt; color: #000; }

  /* hide everything except the printable sheet */
  .site-header, .site-footer, .nav-toggle, .breadcrumb, .ad-slot,
  .quiz-actions, .quiz-topbar, .quiz-progress, .hero .btn,
  .drill-print-bar, .page-head .lede, .level-chip, .no-print,
  .results .actions, .generating, .btn { display: none !important; }

  main { padding: 0 !important; }

  .drill-card, .prose {
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  .page-head { margin-bottom: 8pt; }
  .page-head h1 { font-size: 17pt; margin: 0 0 4pt; }

  /* the one-question-at-a-time screen is replaced by #print-sheet */
  .quiz-stage, .feedback, .options, .quiz-q { display: none !important; }
  #print-sheet { display: block !important; }

  #print-sheet .ps-head { border-bottom: 1.2pt solid #000; margin-bottom: 8pt; padding-bottom: 4pt; }
  #print-sheet .ps-head h2 { margin: 0; font-size: 15pt; }
  #print-sheet .ps-meta { font-size: 8.5pt; color: #333; }
  #print-sheet .ps-score { font-weight: 700; }

  .p-q { margin: 0 0 7pt; padding: 0; page-break-inside: avoid; }
  .p-q .p-num { font-weight: 700; }
  .p-q .p-text { font-weight: 600; }
  .p-q .p-text .blank { display: inline-block; min-width: 8ch; border-bottom: 1pt solid #000; }
  .p-opts { margin: 2pt 0 0 16pt; font-size: 9.5pt; }
  .p-opt { display: inline-block; margin-right: 14pt; }
  .p-opt .p-letter { font-weight: 700; }
  .p-answer { color: #000; }
  .p-answer .p-correct { font-weight: 800; text-decoration: underline; }
  .p-explain { margin: 2pt 0 0 16pt; font-size: 8.5pt; color: #333; font-style: italic; }

  /* answers layout */
  body.print-answers .p-opt .p-correct::after { content: " ✓"; }
  .answer-key { margin-top: 10pt; border-top: 1pt solid #000; padding-top: 6pt; }
  .answer-key h3 { margin: 0 0 4pt; font-size: 11pt; }
  .answer-key ol { margin: 0; padding-left: 18pt; font-size: 9pt; columns: 2; column-gap: 22pt; }
  .answer-key li { margin-bottom: 1pt; page-break-inside: avoid; }
  .answer-key .ak-correct { font-weight: 700; }
}