*:focus { outline: none}
body { font-size: 13px; line-height: 15px; background:#fff; color:#000; overflow-x: hidden; font-family: Courier, monospace; padding: 0; margin: auto; max-width: 50ch; }
a { font-weight: bold; } 

/* Text and layout */
main { padding-top: 30px; max-width: 50ch; }
h1 { font-size:42px; text-transform: capitalize; margin-top: 0; margin-bottom: 20px; }
p,b { display: block; margin: 0px; white-space: pre; }
div { margin-bottom: 20px; }

main > p {
    text-wrap: balance;
    margin-bottom: 20px;
}

.right { float: right; }
.nomarg { margin-bottom: 0; }
.noblk { display:inline; }

#table {
    display: grid;
    grid-template-columns: 5ch 10ch 8ch 9ch 8ch 10ch;
}

#table > div > *:nth-child(even) {
    background-color: #f7f7f7;
}

#table > div {
    text-align: right;
    margin-bottom: 0;
}

.specialchar {
    display:inline-block;
    text-align: center;
    width: 2ch;
}

@media only screen and (max-width: 500px) {
    body { font-size: 16px; line-height: 17.5px; max-width: 34ch; }
    #table {
        grid-template-columns: 5ch 10ch 9ch 10ch;
    }
    #clou, #humi { display: none; }
}