<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>{% block title %}{% endblock %}</title>
    <style type="text/css">
        html {
            margin: 9mm 8mm;
            font-family: -apple-system, 'Segoe UI', Roboto, Ubuntu, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';;
            font-size: 10pt;
        }
        body {
            margin: 0;
        }
        h1 {
            font-size: 14pt;
            margin: 0 0 3mm 0;
        }
        h2 {
            font-size: 12pt;
            margin: 0 0 3mm 0;
        }
        h3 {
            font-size: 11pt;
            margin: 0 0 3mm 0;
        }
        h4 {
            font-size: 10pt;
            margin: 0 0 3mm 0;
        }
        p {
            margin: 0 0 3mm 0;
        }
        small {
            font-size: 10pt;
        }
        ul, ol {
            margin: 2mm 0 3mm 0;
            padding: 0;
        }
        li {
            list-style: none;
            border-left: 2px solid #ccc;
            padding-left: 1mm;
        }
        table {
            width: 100%;
            table-layout: auto;
            margin: 0 0 3mm 0;
            border-spacing: 0;
            border-collapse: collapse;
        }
        th, td {
            padding: 1mm 2mm;
            border-top: 1pt solid #888;
            border-left: 1pt solid #888;
            vertical-align: top;
        }
        th {
            text-align: center;
        }
        th:last-child, td:last-child {
            border-right: 1pt solid #888;
        }
        tr:last-child > td {
            border-bottom: 1pt solid #888;
        }
        .layout-table > tbody > tr > td {
            border: none;
            padding: 0;
        }
        .listing-table {
            margin-bottom: 8mm;
        }
        .listing-table > thead > tr {
            page-break-after: avoid;
        }
        .listing-table > thead > tr > th {
            font-size: 8.5pt;
            border-bottom: 1pt solid #888;
            vertical-align: middle;
        }
        .listing-table > tbody > tr > td {
            padding: 2mm;
            font-size: 7.5pt;
            border: none;
            border-bottom: 1pt solid #ccc;
            vertical-align: middle;
        }
        .listing-table > tbody > tr > td.section-title {
            padding: 4mm 2mm 2mm;
            font-size: 8.5pt;
            color: #888;
        }
        .listing-table > tbody > tr > td:first-child {
            border-left: 1pt solid #888;
        }
        .listing-table > tbody > tr > td:last-child {
            border-right: 1pt solid #888;
        }
        .inset {
            padding: 5mm 3mm 8mm !important;
            border: 1pt solid #999 !important;
        }
        .half { width: 50%; }
        .third { width: 33.33%; }
        .two-third { width: 66.66%; }
        .left { text-align: left; }
        .center { text-align: center; }
        .right { text-align: right; }
        .sizeTitle { font-size: 16pt; }
        .sizeSubtitle { font-size: 14pt; }
        .size12 { font-size: 12pt; }
        .size10 { font-size: 10pt; }
        .size8 { font-size: 8pt; }
        .size7 { font-size: 7pt; }
        .vspace2 { margin: 0; padding: 2mm 0; }
        .vspace5 { margin: 0; padding: 5mm 0; }
        .vspace10 { margin: 0; padding: 10mm 0; }
        .spaceBottom2 { margin-bottom: 2mm; }
        .spaceBottom5 { margin-bottom: 5mm; }
        .indent5 { padding-left: 5mm; }
        .indent10 { padding-left: 10mm; }
        .box {
            padding: 1mm;
            background-color: #eee;
            border-radius: 3pt;
        }
        .strong { font-weight: bold; }
        .normal { font-weight: normal; }
        .light { color: #333; }
        .lighter { color: #666; }
        .lightest { color: #aaa; }
        .changePage { page-break-before: always; }

        {% block style %}{% endblock %}
    </style>
</head>
<body>
    {% block content %}{% endblock %}
</body>
</html>