html { scroll-behavior: smooth; }
body { background-color: #CCC; font-family: Arial, sans-serif; margin: 0; }
* { box-sizing: border-box; }
h2 { position: sticky; top: 0; z-index: 2; margin: 0; text-align: center; background-color: #CCC; line-height: 32px; }
table { margin: 0 auto; border-collapse: collapse; border-spacing: 0; }
th, td { border: 1px solid #000; padding: 4px; }
th { position: sticky; top: 32px; background: #DDD; z-index: 3; }
td { min-width: 32px; text-align: right; }
tr:hover { background-color: #DDD; }
a { text-decoration: none; }
a:hover { color: red; text-decoration: underline; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
footer { font-size: 12px; width: 100%; padding-top: 8px; padding-bottom: 32px; }