/* 6×6 Mini Sudoku — extends sudoku.css (load sudoku.css first). Grid uses 2×3 blocks. */

.sudoku-grid.mini-sudoku-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-template-rows: repeat(6, minmax(0, 1fr));
    width: min(min(88vw, 380px), 380px);
}

/* 2 rows × 3 columns per block: thick line every 3 columns, every 2 rows */
.mini-sudoku-grid > .cell:nth-child(3n) {
    border-right-width: 2px;
    border-right-color: var(--border-box);
}

.mini-sudoku-grid > .cell:nth-child(n+7):nth-child(-n+12),
.mini-sudoku-grid > .cell:nth-child(n+19):nth-child(-n+24) {
    border-bottom-width: 2px;
    border-bottom-color: var(--border-box);
}

.mini-sudoku-grid > .cell:nth-child(6n) {
    border-right-width: 2px;
    border-right-color: var(--border-box);
}

/* Notes: 3×2 layout for digits 1–6 */
.mini-sudoku-grid .cell-notes {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
}

/* Printable mini grids */
.print-grid.print-grid--mini td {
    width: 1.6rem;
    height: 1.6rem;
    font-size: 0.95rem;
}

.print-grid.print-grid--mini td.cell-right {
    border-right: 2px solid #222 !important;
}

.print-grid.print-grid--mini td.cell-bottom {
    border-bottom: 2px solid #222 !important;
}