/* Branded print layout for the session summary.
   Students print this or "save as PDF" from the browser dialog. */

@media print {
  @page { margin: 16mm 14mm; }

  :root {
    --text: #000; --navy: #163F6D; --blue: #007DCE; --gold: #F4B517;
    --surface: #fff; --bg: #fff; --line: #999; --text-muted: #333; --text-faint: #555;
  }

  body { background: #fff; color: #000; font-size: 11.5pt; }

  .masthead, .dock, .sitefoot, .convo__goalbar,
  .no-print, button, .btn, .chip, .filters { display: none !important; }

  .print-only { display: block !important; }

  .print-head {
    display: flex; align-items: center; gap: 12pt;
    border-bottom: 2.5pt solid #163F6D; padding-bottom: 8pt; margin-bottom: 14pt;
  }
  .print-head img { height: 40pt; }
  .print-head__meta { margin-inline-start: auto; text-align: end; font-size: 9pt; color: #333; }

  h1 { font-size: 19pt; }
  h2 { font-size: 13.5pt; margin-top: 14pt; }

  .card, .scenario, .utterance, .stat, .phraselist li {
    box-shadow: none !important;
    border: 0.75pt solid #bbb !important;
    border-inline-start: 3pt solid #163F6D !important;
    break-inside: avoid;
  }
  .utterance--student, .phraselist li { border-inline-start-color: #F4B517 !important; }

  .coachnote { background: #fdf3da !important; border-inline-start: 2pt solid #F4B517 !important; }

  .print-foot {
    margin-top: 18pt; padding-top: 8pt;
    border-top: 0.75pt solid #999; font-size: 8.5pt; color: #444;
  }

  a[href]::after { content: ''; }
}

.print-only { display: none; }

@media print { .print-head.print-only { display: flex !important; } .print-head .brand-logo { width: 140pt; } .print-head .brand-logo img { height: auto; } }