<!DOCTYPE html>
<html>
<head>
    <title>SIEVE Label</title>
    {{{font_css}}}
    <style>
        @page {
            size: 105mm 148mm;
            margin: 0;
        }

        html, body {
            margin: 0;
            padding: 0;
            /* Embedded serif (Tinos = Times New Roman twin) via font_css keeps the
               caption identical on Windows/Linux; falls back to the old default. */
            font-family: 'Label Serif', 'Times New Roman', Times, serif;
        }

        /* Full-page wrapper centers the content vertically (table-cell
           vertical-align) and horizontally (text-align) on the A6 sheet. */
        .page-center {
            display: table;
            width: 105mm;
            height: 148mm;
        }

        .page-cell {
            display: table-cell;
            vertical-align: middle;
            text-align: center;
        }

        .page-cell img {
            width: 80%;
        }

        .page-cell p {
            font-size: 14px;
            margin: 5px 0 0 0;
        }
    </style>
</head>

<body>
    <div class="page-center"><div class="page-cell">
        <img src="{{qr}}" alt="" />
        <p><b>SIEVE {{sieve_label_number}}{{#if inhouse_number}} ({{inhouse_number}}){{/if}}</b></p>
    </div></div>
</body>

</html>
