div.c { clear: both }
body { font-family: Arial, sans-serif }
h1 { margin-bottom: 0em; }
h2 { margin-bottom: 0.5em; }
h3.layout { margin-bottom: 0.5em; font-size: medium }
p.subtitle { margin-top: 0em; font-size: small }
.group { float: left; margin-right: 2em; }
p.groupIndex a { margin-right: 0.2em; padding: 0.2em; background-color: rgb(238, 238, 238); border: solid 1px #ddd; border-radius: 3px; color: black; text-decoration: none; min-width: 0.5em; display: inline-block; text-align: center; font-weight: bold; font-size: small }
div.metaGroup table { font-size: small; margin-bottom: 1em }
table.scGroup { float: left; margin-right: 2em; font-size: small; margin-bottom: 2em }
div.kbConfig { font-size: smaller; background-color: rgb(238, 238, 238); border: solid 1px #ddd; border-radius: 6px; padding: 9px; display: flex; justify-content: space-between; align-items: center }
.equal > div { flex: 1; }
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
table, td, th { border: solid 1px black; border-collapse: collapse }
table { empty-cells: hide }
td, th { padding: 5px; }
th { text-align: left; }
.nr { background-color: rgb(238, 238, 238); }
span.leg { border: solid 1px black; width: 0.75em; height: 0.75em; display: inline-block; }
ul.spaced li { margin-bottom: 1em }
div#logo a, h1 a { color: black; text-decoration: none }
div.klGroup h3, div.metaGroup h2 { margin-bottom: 0.1em }
div.featureTile { background-color: rgb(238, 238, 238); border: solid 1px #ddd; border-radius: 6px; padding: 9px }
div.featureTile a { margin-top: 9px; display: block }
table.tileKey { border-style: none }
table.tileKey th { min-width: 24px; height: 24px; border: solid 1px black; border-radius: 6px; vertical-align: middle; text-align: center; font-weight: normal; font-size: 24px; background-color: white }
table.tileKey td { border-style: none }
table.dead { float: left }
span.dead { padding: 0 4px; border: 1px solid rgba(1, 129, 129, 0.49); border-radius: 3px; background-color: rgba(66, 204, 204, 0.32) }
span.liga { padding: 0 4px; border: 1px solid rgba(129, 129, 1, 0.49); border-radius: 3px; background-color: rgba(204, 204, 66, 0.32) }
table.unreachable, tr.sp, table.sgcaps td.dead, table.ss td.dead, div.dead { background-color: rgb(192, 238, 238); }
div.sp { width: 1em; height: 1em; border: solid 1px black; display: inline-block; margin-right: 0.1em; margin-left: 0.1em; background-color: rgb(192, 238, 238); }
table.ss td.liga, div.liga { background-color: rgb(238, 238, 192); }
table.liga td.ch { font-size: small; }
table.ss { border-style: none; margin-bottom: 1em }
table.ss th.n { color: darkgray; }
table.ss th { font-size: small; background-color: rgb(238, 238, 238); }
table.ss td:empty { border: none }
table.ss td { text-align: center }
table.ss th.td { font-weight: normal; font-size: inherit; background-color: inherit; }
table.ss td > a { color: black; text-decoration: none; }
table.uni span { display: inline-block }
ol.sp li { margin-bottom: 1em }
p.ovw { font-size: large; font-weight: bold; margin-top: 1em; padding: 1em }
.good { background-color: #e1ffe1; border: solid 1px #00d700; border-radius: 4px; }
.bad { background-color: #ffe1e1; border: solid 1px #d70000; border-radius: 4px; }
.meh { background-color: #ffffe1; border: solid 1px gold; border-radius: 4px; }
ul.tree { list-style: none; padding-left: 0; break-inside: avoid; margin-top: 0 }
ul.tree ul { margin-bottom: 0.5em; list-style: none; padding-left: 2em; position: relative }
ul.tree li.this {  }
ul.tree li.this:before { content: '►'; position: absolute; left: 0.75em }
li img { vertical-align: top; }
.note { font-size: small }
div.sidebox { float: right; margin-left: 1em; font-size: small }
div.sidebox td { border: none; }
table.diff { table-layout: fixed; border: none }
table.diff td { border: none; vertical-align: top }
table.diff table.removed { color: red }
.rightafter { margin-top: 0 }
.rightafter:before { margin-bottom: 0 } 

span.k { display: inline-block; padding: 3px 5px; font-size: small; color: #444d56; vertical-align: middle; background-color: #fafbfc; border: solid 1px #c6cbd1; border-bottom-color: #959da5; border-radius: 3px; box-shadow: inset 0 -1px 0 #959da5 }

#keyboard label { cursor: pointer; }
#keyboard input { visibility: hidden; position: absolute; }
#keyboard input:checked ~ div.kt { background-color: dodgerblue; }

.drop { background-color: silver; padding: 0.1cm 0.5cm }