/* Print / preview page of a set. The only CSS this app adds on top of
   halonik.css: layout of the printed document. Colors come from the tokens. */
body.print-doc { display: block; }
.print-bar { display: flex; gap: 0.75rem; align-items: center; padding-top: 1rem; padding-bottom: 0.5rem; }
.print-main { max-width: 52rem; padding-bottom: 3rem; }
.doc-title { font-size: 1.3rem; margin: 0.25rem 0 1rem; }
.doc-title small { font-weight: 400; color: var(--text-muted); font-size: 0.8rem; }
.task { padding-block: 1rem; border-top: 1px solid var(--gray-300); }
.task-title { font-size: 1rem; margin: 0 0 0.6rem; }
.task-title small { font-weight: 400; color: var(--text-muted); }
.task img { display: block; max-width: 100%; height: auto; margin-bottom: 0.5rem; }
.task .sub { break-inside: avoid; }
.task .ans {
  margin: 0.3rem 0 0.8rem; padding: 0.5rem;
  border: 2px dashed var(--accent-amber); background: var(--accent-amber-light);
}
@media print {
  .print-main { max-width: none; padding: 0; }
  .task { padding-block: 0.6rem; }
}