@page {
    size: A4 portrait;
    margin: 0;
}

body {
    margin: 0;
}

app {
    position: initial;
    display: initial;
    flex-direction: initial;
}

.sheet {
    margin: 0;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    break-after: always;
}

.sheet:last-child {
    break-after: auto; /* 最後のページの改ページを防ぐ */
}

.page-count {
    position: absolute;
    left: 50%;
    bottom: 30px;
}

/** Paper sizes **/
body .sheet {
    width: 210mm;
    height: 296mm;
}

/** Padding area **/
.sheet.padding-20mm {
    padding: 20mm;
}

/** For screen preview **/
@media screen {
    body {
        background: #f7f7f7;
    }

    .sheet {
        background: white;
        box-shadow: 0 0.5mm 2mm rgba(0, 0, 0, 0.3);
        margin: 5mm auto;
    }
}

/** Fix for Chrome issue **/
@media print {
    body {
        width: 210mm;
        min-width: auto !important;
    }

    .no-print {
        display: none;
    }
}