Same results but easier to override.
/* terse optimisation */
@media (max-width: 79em) {
- body .keys td {
+ .keys td {
position: relative; /* hides overflow */
width: 4.5em;
}
- body .keys td b,
- body .keys.meta td b,
- body .keys.ctrl td b,
- body .keys.lead td b { /* leading chars always fit */
+ .keys td b,
+ .keys.meta td b,
+ .keys.ctrl td b,
+ .keys.lead td b { /* leading chars always fit */
position: absolute; /* background */
right: 0; /* least overlap in corner */
font-size: 250%;