@page {
  size: A4 portrait;
  margin: 1.5cm;
}

@media print {
  html, body, body.theme-dark {
    --color-bg: #ffffff !important;
    --color-fg: #000000 !important;
    --color-cell-bg: #ffffff !important;
    --color-cell-border: #777777 !important;
    --color-cell-bold: #000000 !important;
    --color-filled: #000000 !important;
    --color-cross: #000000 !important;
    --color-hint-bg: #ffffff !important;
  }

  html, body {
    background: white !important;
    color: black !important;
    font: 11pt "Times New Roman", serif !important;
  }

  .controls,
  .ctrl-row,
  .status {
    display: none !important;
  }

  main {
    margin: 0 !important;
    padding: 0 !important;
    max-width: none !important;
  }

  .nono-board {
    border: 1.5pt solid #000 !important;
    page-break-inside: avoid;
  }
  .nono-cell.filled {
    background: #000 !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  .nono-cell.crossed::before,
  .nono-cell.crossed::after {
    background: #000 !important;
  }
  .nono-grid.nono-show-solution .nono-cell.solution-filled {
    background: #cccccc !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  .nono-hint { color: #000 !important; }
  .nono-cell.error { outline: none !important; }
}