/* Print stylesheet: only the generated puzzle should ever hit paper. */

@page {
    size: A4 portrait;
    margin: 14mm;
}

body {
    background: #fff !important;
    background-image: none !important;
    color: #000 !important;
}

.masthead,
.tabs,
.form-panel,
.result-toolbar,
.loading-overlay,
.site-footer {
    display: none !important;
}

.layout { max-width: none; padding: 0; margin: 0; }

.result-panel {
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.result-content { gap: 1cm; }

/* Always print in solution-hidden ("puzzle") state unless the user chose
   to show the solution before printing - the DOM's current mode is
   respected as-is, so whichever mode is on screen is what prints. */

.puzzle-board {
    border: 1.5px solid #000 !important;
    background: #000 !important;
    page-break-inside: avoid;
}

.cell--block { background: #e4e4e4 !important; opacity: 1 !important; }
.cell--clue { background: #fff !important; color: #000 !important; }
.cell, .ws-cell, .taj-cell { background: #fff; color: #000; }

.cell--tajenka { box-shadow: inset 0 0 0 1.5px #000 !important; }

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