html { scroll-behavior: smooth; }
body { font-family: Arial, sans-serif; margin: 0; background-color: #CCC; color: #000; text-align: left; }
body > * { width: 100%; box-sizing: border-box; }
h1, h2, h3, footer { text-align: center; }
body.c0, h1.c0, h2.c0, h3.c0 { background-color: #FBF; }
body.c1, h1.c1, h2.c1, h3.c1 { background-color: #ECF; }
body.c2, h1.c2, h2.c2, h3.c2 { background-color: #DDF; }
body.c3, h1.c3, h2.c3, h3.c3 { background-color: #CEF; }
body.c4, h1.c4, h2.c4, h3.c4 { background-color: #CFF; }
body.c5, h1.c5, h2.c5, h3.c5 { background-color: #CFC; }
body.c6, h1.c6, h2.c6, h3.c6 { background-color: #EFC; }
body.c7, h1.c7, h2.c7, h3.c7 { background-color: #FFC; }
body.c8, h1.c8, h2.c8, h3.c8 { background-color: #FDC; }
body.c9, h1.c9, h2.c9, h3.c9 { background-color: #FBB; }
h1, h2, h3 { position: sticky; top: 0; height: 40px; line-height: 40px; margin: 0; background-color: inherit; white-space: nowrap; }
h1 { z-index: 10; }
h2 { z-index: 20; }
h3 { z-index: 30; }
table { width: auto; max-width: 96%; margin-inline: auto; border: none; border-collapse: collapse; }
th { position: sticky; top: 40px; z-index: 40; background-color: #DDD; }
th, td { padding: 4px; }
tr, td { background-color: #EEE; } 
tr:nth-child(even) td { background-color: #FFF; }
a { text-decoration: none; }
a:hover { color: red; text-decoration: underline; }
p, .left { text-align: left; }
.right { text-align: right; }
tr.c0:hover td { background-color: #FBF !important; }
tr.c1:hover td { background-color: #ECF !important; }
tr.c2:hover td { background-color: #DDF !important; }
tr.c3:hover td { background-color: #CEF !important; }
tr.c4:hover td { background-color: #CFF !important; }
tr.c5:hover td { background-color: #CFC !important; }
tr.c6:hover td { background-color: #EFC !important; }
tr.c7:hover td { background-color: #FFC !important; }
tr.c8:hover td { background-color: #FDC !important; }
tr.c9:hover td { background-color: #FBB !important; }
tr[class^="c"] td { transition: background-color 0.4s ease; }
footer { font-size: 12px; width: 100%; padding-top: 8px; padding-bottom: 32px; }