h1,
h2,
h3 {
    font-weight: 300;
}
.sectionOuter1 {
	margin: 0;
	padding: 0;
}
h1 {
    margin-bottom: 0;
    padding-left: 20px;
}
table {
    border-collapse: collapse;
}
td,
th {
    text-align: left;
    vertical-align: top;
    padding: 2px 5px;
}
th {
    border-bottom: 1px solid #999;
}
td:first-of-type {
    border-left: 1px solid #999;
}
td p:first-of-type {
    margin: 0;
}
a {
    font-weight: normal;
}
a:hover,
a.inactive:hover {
    -webkit-filter: saturate(125%);
    opacity: 1;
}

body {
    background: #ffffff;
    color: #000000;
}

#content {  }
.sectionOuter {
}
.section {
    padding: 20px;
}
#main-content h1 {
    margin: 0;
    padding: 20px;
	border-width: 5px 0 0 0;
	border-style: solid;
	position: -webkit-sticky;
    position: sticky;
    top: 40px;
    transition: background-color 0.4s, color 0.4s, border-color 0.4s;
}
#main-content h1[sticky="true"] {
	color: white !important;
}

.sectionOuter:nth-of-type(1) h1[sticky="true"] { background: hsl(0,100%,25%); border-color: hsl(0,100%,25%); }
.sectionOuter:nth-of-type(2) h1[sticky="true"] { background: hsl(80,100%,25%); border-color: hsl(80,100%,25%); }
.sectionOuter:nth-of-type(3) h1[sticky="true"] { background: hsl(160,100%,25%); border-color: hsl(160,100%,25%); }
.sectionOuter:nth-of-type(4) h1[sticky="true"] { background: hsl(240,100%,25%); border-color: hsl(240,100%,25%); }
.sectionOuter:nth-of-type(5) h1[sticky="true"] { background: hsl(320,100%,25%); border-color: hsl(320,100%,25%); }
.sectionOuter:nth-of-type(6) h1[sticky="true"] { background: hsl(40,100%,25%); border-color: hsl(40,100%,25%); }
.sectionOuter:nth-of-type(7) h1[sticky="true"] { background: hsl(120,100%,25%); border-color: hsl(120,100%,25%); }
.sectionOuter:nth-of-type(8) h1[sticky="true"] { background: hsl(200,100%,25%); border-color: hsl(200,100%,25%); }
.sectionOuter:nth-of-type(9) h1[sticky="true"] { background: hsl(280,100%,25%); border-color: hsl(280,100%,25%); }
.sectionOuter:nth-of-type(10) h1[sticky="true"] { background: hsl(0,100%,15%); border-color: hsl(0,100%,15%); }
.sectionOuter:nth-of-type(11) h1[sticky="true"] { background: hsl(80,100%,15%); border-color: hsl(80,100%,15%); }
.sectionOuter:nth-of-type(12) h1[sticky="true"] { background: hsl(160,100%,15%); border-color: hsl(160,100%,15%); }
.sectionOuter:nth-of-type(13) h1[sticky="true"] { background: hsl(240,100%,15%); border-color: hsl(240,100%,15%); }
.sectionOuter:nth-of-type(14) h1[sticky="true"] { background: hsl(320,100%,15%); border-color: hsl(320,100%,15%); }
.sectionOuter:nth-of-type(15) h1[sticky="true"] { background: hsl(40,100%,15%); border-color: hsl(40,100%,15%); }
.sectionOuter:nth-of-type(16) h1[sticky="true"] { background: hsl(120,100%,15%); border-color: hsl(120,100%,15%); }
.sectionOuter:nth-of-type(17) h1[sticky="true"] { background: hsl(200,100%,15%); border-color: hsl(200,100%,15%); }
.sectionOuter:nth-of-type(18) h1[sticky="true"] { background: hsl(280,100%,15%); border-color: hsl(280,100%,15%); }

.sectionOuter:nth-of-type(1) h1, .sectionOuter:nth-of-type(1) h2, .sectionOuter:nth-of-type(1) h3 { color: hsl(0,100%,25%); }
.sectionOuter:nth-of-type(2) h1, .sectionOuter:nth-of-type(2) h2, .sectionOuter:nth-of-type(2) h3 { color: hsl(80,100%,25%); }
.sectionOuter:nth-of-type(3) h1, .sectionOuter:nth-of-type(3) h2, .sectionOuter:nth-of-type(3) h3 { color: hsl(160,100%,25%); }
.sectionOuter:nth-of-type(4) h1, .sectionOuter:nth-of-type(4) h2, .sectionOuter:nth-of-type(4) h3 { color: hsl(240,100%,25%); }
.sectionOuter:nth-of-type(5) h1, .sectionOuter:nth-of-type(5) h2, .sectionOuter:nth-of-type(5) h3 { color: hsl(320,100%,25%); }
.sectionOuter:nth-of-type(6) h1, .sectionOuter:nth-of-type(6) h2, .sectionOuter:nth-of-type(6) h3 { color: hsl(40,100%,25%); }
.sectionOuter:nth-of-type(7) h1, .sectionOuter:nth-of-type(7) h2, .sectionOuter:nth-of-type(7) h3 { color: hsl(120,100%,25%); }
.sectionOuter:nth-of-type(8) h1, .sectionOuter:nth-of-type(8) h2, .sectionOuter:nth-of-type(8) h3 { color: hsl(200,100%,25%); }
.sectionOuter:nth-of-type(9) h1, .sectionOuter:nth-of-type(9) h2, .sectionOuter:nth-of-type(9) h3 { color: hsl(280,100%,25%); }

.sectionOuter:nth-of-type(10) h1, .sectionOuter:nth-of-type(10) h2, .sectionOuter:nth-of-type(10) h3 { color: hsl(0,100%,20%); }
.sectionOuter:nth-of-type(11) h1, .sectionOuter:nth-of-type(11) h2, .sectionOuter:nth-of-type(11) h3 { color: hsl(80,100%,20%); }
.sectionOuter:nth-of-type(12) h1, .sectionOuter:nth-of-type(12) h2, .sectionOuter:nth-of-type(12) h3 { color: hsl(160,100%,20%); }
.sectionOuter:nth-of-type(13) h1, .sectionOuter:nth-of-type(13) h2, .sectionOuter:nth-of-type(13) h3 { color: hsl(240,100%,20%); }
.sectionOuter:nth-of-type(14) h1, .sectionOuter:nth-of-type(14) h2, .sectionOuter:nth-of-type(14) h3 { color: hsl(320,100%,20%); }
.sectionOuter:nth-of-type(15) h1, .sectionOuter:nth-of-type(15) h2, .sectionOuter:nth-of-type(15) h3 { color: hsl(40,100%,20%); }
.sectionOuter:nth-of-type(16) h1, .sectionOuter:nth-of-type(16) h2, .sectionOuter:nth-of-type(16) h3 { color: hsl(120,100%,20%); }
.sectionOuter:nth-of-type(17) h1, .sectionOuter:nth-of-type(17) h2, .sectionOuter:nth-of-type(17) h3 { color: hsl(200,100%,20%); }
.sectionOuter:nth-of-type(18) h1, .sectionOuter:nth-of-type(18) h2, .sectionOuter:nth-of-type(18) h3 { color: hsl(280,100%,20%); }

.sectionOuter:nth-of-type(1) a { color: hsl(0,100%,25%); }
.sectionOuter:nth-of-type(2) a { color: hsl(80,100%,25%); }
.sectionOuter:nth-of-type(3) a { color: hsl(160,100%,25%); }
.sectionOuter:nth-of-type(4) a { color: hsl(240,100%,25%); }
.sectionOuter:nth-of-type(5) a { color: hsl(320,100%,25%); }
.sectionOuter:nth-of-type(6) a { color: hsl(40,100%,25%); }
.sectionOuter:nth-of-type(7) a { color: hsl(120,100%,25%); }
.sectionOuter:nth-of-type(8) a { color: hsl(200,100%,25%); }
.sectionOuter:nth-of-type(9) a { color: hsl(280,100%,25%); }
.sectionOuter:nth-of-type(10) a { color: hsl(0,100%,20%); }
.sectionOuter:nth-of-type(11) a { color: hsl(80,100%,20%); }
.sectionOuter:nth-of-type(12) a { color: hsl(160,100%,20%); }
.sectionOuter:nth-of-type(13) a { color: hsl(240,100%,20%); }
.sectionOuter:nth-of-type(14) a { color: hsl(320,100%,20%); }
.sectionOuter:nth-of-type(15) a { color: hsl(40,100%,20%); }
.sectionOuter:nth-of-type(16) a { color: hsl(120,100%,20%); }
.sectionOuter:nth-of-type(17) a { color: hsl(200,100%,20%); }
.sectionOuter:nth-of-type(18) a { color: hsl(280,100%,20%); }

a.inactive { opacity: 0.65; }
.sectionOuter:nth-of-type(1) a.inactive { color: hsl(0,25%,25%); }
.sectionOuter:nth-of-type(2) a.inactive { color: hsl(80,25%,25%); }
.sectionOuter:nth-of-type(3) a.inactive { color: hsl(160,25%,25%); }
.sectionOuter:nth-of-type(4) a.inactive { color: hsl(240,25%,25%); }
.sectionOuter:nth-of-type(5) a.inactive { color: hsl(320,25%,25%); }
.sectionOuter:nth-of-type(6) a.inactive { color: hsl(40,25%,25%); }
.sectionOuter:nth-of-type(7) a.inactive { color: hsl(120,25%,25%); }
.sectionOuter:nth-of-type(8) a.inactive { color: hsl(200,25%,25%); }
.sectionOuter:nth-of-type(9) a.inactive { color: hsl(280,25%,25%); }
.sectionOuter:nth-of-type(10) a.inactive { color: hsl(0,25%,20%); }
.sectionOuter:nth-of-type(11) a.inactive { color: hsl(80,25%,20%); }
.sectionOuter:nth-of-type(12) a.inactive { color: hsl(160,25%,20%); }
.sectionOuter:nth-of-type(13) a.inactive { color: hsl(240,25%,20%); }
.sectionOuter:nth-of-type(14) a.inactive { color: hsl(320,25%,20%); }
.sectionOuter:nth-of-type(15) a.inactive { color: hsl(40,25%,20%); }
.sectionOuter:nth-of-type(16) a.inactive { color: hsl(120,25%,20%); }
.sectionOuter:nth-of-type(17) a.inactive { color: hsl(200,25%,20%); }
.sectionOuter:nth-of-type(18) a.inactive { color: hsl(280,25%,20%); }


/* === DARK MODE OVERRIDES =============================== */
@media (prefers-color-scheme: dark) {
    html,
    body {
        background-color: #050608;
        color: #f2f2f2;
        color-scheme: dark;
    }

    article#main-content {
        background-color: black;
    }
    th {
        border-bottom: 1px solid #555;
    }
    td:first-of-type {
        border-left: 1px solid #555;
    }

    /* Base link styles in dark mode */
    a {
        color: #8ab4ff;
    }
    a.inactive {
        color: #8ab4ff;
        opacity: 0.6;
    }

    /* Section headings: keep hues but brighten for dark bg */
    .sectionOuter:nth-of-type(1) h1,
    .sectionOuter:nth-of-type(1) h2,
    .sectionOuter:nth-of-type(1) h3 { color: hsl(0,100%,70%); }
    .sectionOuter:nth-of-type(2) h1,
    .sectionOuter:nth-of-type(2) h2,
    .sectionOuter:nth-of-type(2) h3 { color: hsl(80,100%,70%); }
    .sectionOuter:nth-of-type(3) h1,
    .sectionOuter:nth-of-type(3) h2,
    .sectionOuter:nth-of-type(3) h3 { color: hsl(160,100%,70%); }
    .sectionOuter:nth-of-type(4) h1,
    .sectionOuter:nth-of-type(4) h2,
    .sectionOuter:nth-of-type(4) h3 { color: hsl(240,100%,70%); }
    .sectionOuter:nth-of-type(5) h1,
    .sectionOuter:nth-of-type(5) h2,
    .sectionOuter:nth-of-type(5) h3 { color: hsl(320,100%,70%); }
    .sectionOuter:nth-of-type(6) h1,
    .sectionOuter:nth-of-type(6) h2,
    .sectionOuter:nth-of-type(6) h3 { color: hsl(40,100%,70%); }
    .sectionOuter:nth-of-type(7) h1,
    .sectionOuter:nth-of-type(7) h2,
    .sectionOuter:nth-of-type(7) h3 { color: hsl(120,100%,70%); }
    .sectionOuter:nth-of-type(8) h1,
    .sectionOuter:nth-of-type(8) h2,
    .sectionOuter:nth-of-type(8) h3 { color: hsl(200,100%,70%); }
    .sectionOuter:nth-of-type(9) h1,
    .sectionOuter:nth-of-type(9) h2,
    .sectionOuter:nth-of-type(9) h3 { color: hsl(280,100%,70%); }

    .sectionOuter:nth-of-type(10) h1,
    .sectionOuter:nth-of-type(10) h2,
    .sectionOuter:nth-of-type(10) h3 { color: hsl(0,100%,65%); }
    .sectionOuter:nth-of-type(11) h1,
    .sectionOuter:nth-of-type(11) h2,
    .sectionOuter:nth-of-type(11) h3 { color: hsl(80,100%,65%); }
    .sectionOuter:nth-of-type(12) h1,
    .sectionOuter:nth-of-type(12) h2,
    .sectionOuter:nth-of-type(12) h3 { color: hsl(160,100%,65%); }
    .sectionOuter:nth-of-type(13) h1,
    .sectionOuter:nth-of-type(13) h2,
    .sectionOuter:nth-of-type(13) h3 { color: hsl(240,100%,65%); }
    .sectionOuter:nth-of-type(14) h1,
    .sectionOuter:nth-of-type(14) h2,
    .sectionOuter:nth-of-type(14) h3 { color: hsl(320,100%,65%); }
    .sectionOuter:nth-of-type(15) h1,
    .sectionOuter:nth-of-type(15) h2,
    .sectionOuter:nth-of-type(15) h3 { color: hsl(40,100%,65%); }
    .sectionOuter:nth-of-type(16) h1,
    .sectionOuter:nth-of-type(16) h2,
    .sectionOuter:nth-of-type(16) h3 { color: hsl(120,100%,65%); }
    .sectionOuter:nth-of-type(17) h1,
    .sectionOuter:nth-of-type(17) h2,
    .sectionOuter:nth-of-type(17) h3 { color: hsl(200,100%,65%); }
    .sectionOuter:nth-of-type(18) h1,
    .sectionOuter:nth-of-type(18) h2,
    .sectionOuter:nth-of-type(18) h3 { color: hsl(280,100%,65%); }

    /* Section links: keep hue mapping, brighten */
    .sectionOuter:nth-of-type(1) a { color: hsl(0,100%,70%); }
    .sectionOuter:nth-of-type(2) a { color: hsl(80,100%,70%); }
    .sectionOuter:nth-of-type(3) a { color: hsl(160,100%,70%); }
    .sectionOuter:nth-of-type(4) a { color: hsl(240,100%,70%); }
    .sectionOuter:nth-of-type(5) a { color: hsl(320,100%,70%); }
    .sectionOuter:nth-of-type(6) a { color: hsl(40,100%,70%); }
    .sectionOuter:nth-of-type(7) a { color: hsl(120,100%,70%); }
    .sectionOuter:nth-of-type(8) a { color: hsl(200,100%,70%); }
    .sectionOuter:nth-of-type(9) a { color: hsl(280,100%,70%); }
    .sectionOuter:nth-of-type(10) a { color: hsl(0,100%,65%); }
    .sectionOuter:nth-of-type(11) a { color: hsl(80,100%,65%); }
    .sectionOuter:nth-of-type(12) a { color: hsl(160,100%,65%); }
    .sectionOuter:nth-of-type(13) a { color: hsl(240,100%,65%); }
    .sectionOuter:nth-of-type(14) a { color: hsl(320,100%,65%); }
    .sectionOuter:nth-of-type(15) a { color: hsl(40,100%,65%); }
    .sectionOuter:nth-of-type(16) a { color: hsl(120,100%,65%); }
    .sectionOuter:nth-of-type(17) a { color: hsl(200,100%,65%); }
    .sectionOuter:nth-of-type(18) a { color: hsl(280,100%,65%); }

    /* Inactive links in dark mode */
    .sectionOuter:nth-of-type(1) a.inactive { color: hsl(0,50%,65%); }
    .sectionOuter:nth-of-type(2) a.inactive { color: hsl(80,50%,65%); }
    .sectionOuter:nth-of-type(3) a.inactive { color: hsl(160,50%,65%); }
    .sectionOuter:nth-of-type(4) a.inactive { color: hsl(240,50%,65%); }
    .sectionOuter:nth-of-type(5) a.inactive { color: hsl(320,50%,65%); }
    .sectionOuter:nth-of-type(6) a.inactive { color: hsl(40,50%,65%); }
    .sectionOuter:nth-of-type(7) a.inactive { color: hsl(120,50%,65%); }
    .sectionOuter:nth-of-type(8) a.inactive { color: hsl(200,50%,65%); }
    .sectionOuter:nth-of-type(9) a.inactive { color: hsl(280,50%,65%); }
    .sectionOuter:nth-of-type(10) a.inactive { color: hsl(0,50%,60%); }
    .sectionOuter:nth-of-type(11) a.inactive { color: hsl(80,50%,60%); }
    .sectionOuter:nth-of-type(12) a.inactive { color: hsl(160,50%,60%); }
    .sectionOuter:nth-of-type(13) a.inactive { color: hsl(240,50%,60%); }
    .sectionOuter:nth-of-type(14) a.inactive { color: hsl(320,50%,60%); }
    .sectionOuter:nth-of-type(15) a.inactive { color: hsl(40,50%,60%); }
    .sectionOuter:nth-of-type(16) a.inactive { color: hsl(120,50%,60%); }
    .sectionOuter:nth-of-type(17) a.inactive { color: hsl(200,50%,60%); }
    .sectionOuter:nth-of-type(18) a.inactive { color: hsl(280,50%,60%); }

    /* Sticky headers: brighten against dark background */
    #main-content h1 {
        background-color: #111;
        border-color: #333;
    }

    .sectionOuter:nth-of-type(1) h1[sticky="true"] { background: hsl(0,100%,40%); border-color: hsl(0,100%,40%); }
    .sectionOuter:nth-of-type(2) h1[sticky="true"] { background: hsl(80,100%,40%); border-color: hsl(80,100%,40%); }
    .sectionOuter:nth-of-type(3) h1[sticky="true"] { background: hsl(160,100%,40%); border-color: hsl(160,100%,40%); }
    .sectionOuter:nth-of-type(4) h1[sticky="true"] { background: hsl(240,100%,40%); border-color: hsl(240,100%,40%); }
    .sectionOuter:nth-of-type(5) h1[sticky="true"] { background: hsl(320,100%,40%); border-color: hsl(320,100%,40%); }
    .sectionOuter:nth-of-type(6) h1[sticky="true"] { background: hsl(40,100%,40%); border-color: hsl(40,100%,40%); }
    .sectionOuter:nth-of-type(7) h1[sticky="true"] { background: hsl(120,100%,40%); border-color: hsl(120,100%,40%); }
    .sectionOuter:nth-of-type(8) h1[sticky="true"] { background: hsl(200,100%,40%); border-color: hsl(200,100%,40%); }
    .sectionOuter:nth-of-type(9) h1[sticky="true"] { background: hsl(280,100%,40%); border-color: hsl(280,100%,40%); }
    .sectionOuter:nth-of-type(10) h1[sticky="true"] { background: hsl(0,100%,35%); border-color: hsl(0,100%,35%); }
    .sectionOuter:nth-of-type(11) h1[sticky="true"] { background: hsl(80,100%,35%); border-color: hsl(80,100%,35%); }
    .sectionOuter:nth-of-type(12) h1[sticky="true"] { background: hsl(160,100%,35%); border-color: hsl(160,100%,35%); }
    .sectionOuter:nth-of-type(13) h1[sticky="true"] { background: hsl(240,100%,35%); border-color: hsl(240,100%,35%); }
    .sectionOuter:nth-of-type(14) h1[sticky="true"] { background: hsl(320,100%,35%); border-color: hsl(320,100%,35%); }
    .sectionOuter:nth-of-type(15) h1[sticky="true"] { background: hsl(40,100%,35%); border-color: hsl(40,100%,35%); }
    .sectionOuter:nth-of-type(16) h1[sticky="true"] { background: hsl(120,100%,35%); border-color: hsl(120,100%,35%); }
    .sectionOuter:nth-of-type(17) h1[sticky="true"] { background: hsl(200,100%,35%); border-color: hsl(200,100%,35%); }
    .sectionOuter:nth-of-type(18) h1[sticky="true"] { background: hsl(280,100%,35%); border-color: hsl(280,100%,35%); }
}
