/******************************
*  FILIPPINE ON A DESIGN
******************************/

/* Size the on-screen preview like the printed A4 page, so every design fills it */
.result.theme.preview {
    max-width: 21cm;
    aspect-ratio: 210 / 297;
    background-size: cover;
}

.theme .filippine {
    text-align: center;
}

.theme .filippine .hints {
    font-size: 0.95rem;
    max-width: 600px;
    margin: 0 auto 1rem auto;
    text-align: left;
}

.theme .filippine .puzzle,
.theme .filippine .puzzle table {
    margin: 0 auto;
}

.theme .filippine .puzzle td.char,
.theme .filippine .puzzle td.number,
.theme .filippine .puzzle td.char_solution {
    background-color: #fff;
}

.theme .filippine .puzzle td.empty {
    background: none;
    border: none;
}

.theme .filippine > span.text-muted {
    display: block;
    text-align: center;
}

/******************************
*  CELL SIZE LADDERS
*  Driven by FilippineFormatter::cellWidth() and ::cellHeight()
******************************/
.filippine .puzzle.cell-w-22 td {
    width: 22px;
}

.filippine .puzzle.cell-w-23 td {
    width: 23px;
}

.filippine .puzzle.cell-w-24 td {
    width: 24px;
}

.filippine .puzzle.cell-w-25 td {
    width: 25px;
}

.filippine .puzzle.cell-w-26 td {
    width: 26px;
}

.filippine .puzzle.cell-w-27 td {
    width: 27px;
}

.filippine .puzzle.cell-w-28 td {
    width: 28px;
}

.filippine .puzzle.cell-w-29 td {
    width: 29px;
}

.filippine .puzzle.cell-w-30 td {
    width: 30px;
}

.filippine .puzzle.cell-w-31 td {
    width: 31px;
}

.filippine .puzzle.cell-w-32 td {
    width: 32px;
}

.filippine .puzzle.cell-w-33 td {
    width: 33px;
}

.filippine .puzzle.cell-w-34 td {
    width: 34px;
}

.filippine .puzzle.cell-w-35 td {
    width: 35px;
}

.filippine .puzzle.cell-w-36 td {
    width: 36px;
}

.filippine .puzzle.cell-w-37 td {
    width: 37px;
}

.filippine .puzzle.cell-w-38 td {
    width: 38px;
}

.filippine .puzzle.cell-w-39 td {
    width: 39px;
}

.filippine .puzzle.cell-w-40 td {
    width: 40px;
}

.filippine .puzzle.cell-h-22 td {
    height: 22px;
    line-height: 22px;
}

.filippine .puzzle.cell-h-23 td {
    height: 23px;
    line-height: 23px;
}

.filippine .puzzle.cell-h-24 td {
    height: 24px;
    line-height: 24px;
}

.filippine .puzzle.cell-h-25 td {
    height: 25px;
    line-height: 25px;
}

.filippine .puzzle.cell-h-26 td {
    height: 26px;
    line-height: 26px;
}

.filippine .puzzle.cell-h-27 td {
    height: 27px;
    line-height: 27px;
}

.filippine .puzzle.cell-h-28 td {
    height: 28px;
    line-height: 28px;
}

.filippine .puzzle.cell-h-29 td {
    height: 29px;
    line-height: 29px;
}

.filippine .puzzle.cell-h-30 td {
    height: 30px;
    line-height: 30px;
}

.filippine .puzzle.cell-h-31 td {
    height: 31px;
    line-height: 31px;
}

.filippine .puzzle.cell-h-32 td {
    height: 32px;
    line-height: 32px;
}

.filippine .puzzle.cell-h-33 td {
    height: 33px;
    line-height: 33px;
}

.filippine .puzzle.cell-h-34 td {
    height: 34px;
    line-height: 34px;
}

.filippine .puzzle.cell-h-35 td {
    height: 35px;
    line-height: 35px;
}

.filippine .puzzle.cell-h-36 td {
    height: 36px;
    line-height: 36px;
}

.filippine .puzzle.cell-h-37 td {
    height: 37px;
    line-height: 37px;
}

.filippine .puzzle.cell-h-38 td {
    height: 38px;
    line-height: 38px;
}

.filippine .puzzle.cell-h-39 td {
    height: 39px;
    line-height: 39px;
}

.filippine .puzzle.cell-h-40 td {
    height: 40px;
    line-height: 40px;
}

/* Smaller type where the cells are narrow */
.filippine .puzzle.cell-w-22 td.number,
.filippine .puzzle.cell-w-23 td.number,
.filippine .puzzle.cell-w-24 td.number,
.filippine .puzzle.cell-w-25 td.number,
.filippine .puzzle.cell-w-26 td.number,
.filippine .puzzle.cell-w-27 td.number,
.filippine .puzzle.cell-w-28 td.number,
.filippine .puzzle.cell-w-29 td.number {
    font-size: 0.95rem;
}

.filippine .puzzle.cell-w-22 td.char .hint,
.filippine .puzzle.cell-w-23 td.char .hint,
.filippine .puzzle.cell-w-24 td.char .hint,
.filippine .puzzle.cell-w-25 td.char .hint,
.filippine .puzzle.cell-w-26 td.char .hint,
.filippine .puzzle.cell-w-27 td.char .hint,
.filippine .puzzle.cell-w-28 td.char .hint,
.filippine .puzzle.cell-w-29 td.char .hint {
    font-size: 9px;
    line-height: 9px;
}