.form-printout {
    width: 900px;
    margin: auto;
}

.form-printout :is(h1, h2, h3, h4, h5, h6) {
    text-align:center;
    text-decoration:underline;
}



.printout-input {
    display: flex;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}
.printout-input .label {
    flex: 0 0 auto;
    width: 30%;
    padding: 0.35em;
    text-align: right;
    box-sizing: border-box;
    align-self: start;
}
.printout-input .field {
    flex: 1 1 auto;
    border: solid 1px #444;
    background: #FFF;
    padding: 0.35em;
    overflow: hidden;
    box-sizing: border-box;
    align-self: stretch;
}
.printout-input .item {
    flex: 0 0 auto;
    padding: 0.35em;
    box-sizing: border-box;
    align-self: end;
}
.printout-input .group {
    display: flex;
    flex-wrap: wrap;
    flex: 1 1 auto;
    box-sizing: border-box;
    align-self: end;
}


.printout-radio,
.printout-checkbox {
    display: inline-block;
    vertical-align: text-bottom;
    background: #FFF;
    border: solid 1px #000;
    border-radius: 50%;
    width: 1em;
    height: 1em;
    margin: 0;
    margin-right: 0.35em;
    position: relative;
    box-shadow: inset 1px 1px #888;
}
.printout-radio {
    border-radius: 50%;
}
.printout-checkbox {
    border-radius: 2px;
}
:is(.printout-radio, .printout-checkbox).checked:after {
    position: absolute;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
    border-bottom: solid 0.35em #000;
    border-right: solid 0.35em #000;
    transform: rotate(45deg);
    top: -50%;
    left: 25%;
}

.printout-table {
    width:100%;
    border-collapse: collapse;
}
.printout-table td {
    font-weight: normal;
    margin: 0;
    padding: 0;
    min-height: 0;
    height: auto;
    text-align: center;
}
.printout-table thead td {
    padding: 0.35em;
    font-weight:bold;
    box-shadow: inset 0 -4px 0 -2px var(--color-primary);
}
.printout-table tbody :is(td, th) {
    padding: 0.5em 1em;
}
.printout-table tbody :is(td, th),
.printout-table thead :is(td, th):nth-child(n+2) {
    border: solid 1px #888;
}
.printout-table tbody tr:nth-child(2n-1),
.printout-table tbody tr:nth-child(2n-1) td {
    background: #D8D8D8;
    -webkit-print-color-adjust:exact;
    print-color-adjust:exact;
}
.printout-table .printout-radio {
    margin:0;
}


.no-break {
    page-break-before: avoid;
    page-break-inside: avoid;
    page-break-after: avoid;
    break-before: avoid;
    break-inside: avoid;
    break-after: avoid;
}

hr.thin-line {
    page-break-before: avoid;
    page-break-inside: avoid;
    page-break-after: avoid;
    break-before: avoid;
    break-inside: avoid;
    break-after: avoid;
    border: none;
    border-bottom: solid 1px #000;
    box-shadow: none;
    opacity: 0.5;
    margin: 1em 0;
    margin-left: 5%;
    margin-right: 5%;
}
hr.page-top {
    page-break-before: avoid;
    page-break-inside: avoid;
    page-break-after: avoid;
    break-before: avoid;
    break-inside: avoid;
    break-after: avoid;
    border: none;
    border-bottom: solid 6px var(--color-primary);
    box-shadow: none;
    opacity: 1;
    margin: 1em 0;
}
hr.page-bottom {
    page-break-before: avoid;
    page-break-inside: avoid;
    page-break-after: always;
    break-before: avoid;
    break-inside: avoid;
    break-after: page;
    border: none;
    border-bottom: solid 6px #000;
    box-shadow: none;
    opacity: 1;
    margin: 1em 0;
}
hr.thick-line {
    page-break-before: avoid;
    page-break-inside: avoid;
    page-break-after: avoid;
    break-before: avoid;
    break-inside: avoid;
    break-after: avoid;
    border: none;
    border-bottom: solid 6px #000;
    box-shadow: none;
    opacity: 1;
    margin: 1em 0;
}



.printout-drawing {
    display: flex;
    position: relative;
}
.printout-drawing>img {
    width: 100%;
    height: auto;
    flex: 1 1 auto;
}
.printout-drawing>svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media not print {
    .hide-from-screen {
        display: none !important;
    }
}

@media print {
    .hide-from-print {
        display: none !important;
    }
    
    .form-printout {
        width: 7.7in;
        margin: auto;
        font-size: inherit;
    }

    html, body {
        font-size: 0.1275in;
        margin: 0;
    }
    
    dialog, [popover] {
        display: none;
    }
}