.same { background: green; color: white; text-align: center; }
.diff { background: orange; color: black; text-align: center; }
.new { background: purple; color: white; text-align: center; }
.foreign { background: red; color: white; text-align: center; }
.notsure { background: orange; }
table { border-collapse: collapse; }
table, td, th { border: 1px solid black; }
.keyboard tr:nth-child(odd) td { border-bottom-style: none; }
.keyboard tr:nth-child(even) td { border-top-style: none; }
.keyboard tr:first-child td { width: 1em; height: 1em; }
.keyboard-top tr:first-child td:last-child { width: 4.8em; }
.keyboard-top td:nth-child(odd) { color: black; border-right-style: none; }
.keyboard-top td:nth-child(even) { color: gray; border-left-style: none; }
.keyboard-main tr:nth-child(odd) td:nth-child(odd) { color: gray; border-left-style: none; }
.keyboard-main tr:nth-child(odd) td:nth-child(even) { color: black; border-right-style: none; }
.keyboard-main tr:nth-child(even) td:nth-child(even) { color: gray; border-left-style: none; }
.keyboard-main tr:nth-child(even) td:nth-child(odd) { color: black; border-right-style: none; }
.keyboard-main { border-top-style: none; }
.keyboard-main td { border-top-style: none; }
.keyboard-1 tr:first-child td:first-child { width: 3.65em; }
.keyboard-1 tr:first-child td:last-child { width: 2em; }
.keyboard-2 tr:first-child td:first-child { width: 4.2em; }
.keyboard-2 tr:first-child td:last-child { width: 5.5em; }
.keyboard-3 tr:first-child td:first-child { width: 5.6em; }
.keyboard-3 tr:first-child td:last-child { width: 6.9em; }
.keyboard td.word { font-size: x-small; color: gray !important; }
.todo { background: yellow; }