body {
    background: var(--var-body-bg);
    color: var(--var-body-fg);
    font-family: var(--var-font);
}

.section {
    width: var(--var-content-width);
    background: var(--var-section-bg);
    color: var(--var-section-fg);
    font-weight: bold;
    text-align: center;
    border-radius: var(--var-roundrect-radius);
    box-shadow: rgba(0, 0, 0, 0.19) 0px 5px 10px, rgba(0, 0, 0, 0.23) 0px 3px 3px;
}

.heading {
    width: var(--var-content-width);
    opacity: 1.0;
    background: var(--var-heading-bg);
    color: var(--var-heading-fg);
    font-weight: bold;
    text-align: center;
    border-radius: var(--var-roundrect-radius);
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
}

ul {
    width: var(--var-content-width);
    list-style-type: none;
    padding-left: 0;
}

.ctl {
    font-weight: bold;
    display: block;
}


#content {
    width: var(--var-content-width);
    margin: 0 auto;
    padding: 0 0 0 0;
    background-color: var(--var-page-bg);
}

a {
    color: var(--var-link-fg);
}

.dropshadow {
    border-radius: var(--var-roundrect-radius);
}

@media print {
    .nosplit, .nosplit * {
        break-inside: avoid;
    }
}

.nosplit {
    padding: 0 0 0 0;
}