body { 
    margin: auto; 
    padding: 10px;
    overflow-x: hidden;
    max-width: 900px;
	}

header {
    margin: -10px -100%;
    padding: 10px 100%;
    background-color: #ffe;
    border-bottom: 0.5px solid #bbb;
}

td { 
    padding: 5px 10px; 
    hyphens: auto;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

span { white-space:nowrap; }
pre { padding: 8px; border-left: 3px solid #bbb; }
hr { border: 0.5px solid #bbb; }

.section001 { background-color: #dbccff; }
.section002 { background-color: #cdfad4; }

.section001 tr:nth-child(even) { background-color: #c7b0ff; }
.section002 tr:nth-child(even) { background-color: #8cff9e; }

h1, h2, h3, address, nav { color: #001F5B; }
tr:nth-child(even) { background-color: #eee; }
nav { font-size: 0.95em; } 
address { margin-left: 24px; };
footer { padding-bottom: 2em; }
tr { page-break-inside: avoid; }

@media screen and (max-width: 500px) { 
    .widetable td { display: block; } 
}

@media print { 
    body, address, h3, h4, h5, h6 { font-size: 12pt; } 
    h1, h2 { font-size: 14pt; margin: .25em auto; } 
    nav { display: none; }
    header img { display: none; }
    header {
        margin: initial;
        padding: initial;
        background-color: initial;
        border-bottom: initial;
    }
    tt { font-size: 10pt; }
    footer { display: none; }
}

@page { margin: .75in; }

@media (prefers-color-scheme: dark) {
  :root {
    --background-color: #1e1f23;
    --secondary-color: #232428;
    --text-dark: #efefef;
    --text: #c4c5c9;
    --text-light: #6c6d71;
    --text-lighter: #8e8f93;
  }
}