body { font-family: system-ui, sans-serif; font-size: 1rem; line-height: 1.5;
       margin: 0 auto; padding: 1rem; }
h1 { font-size: 1.6rem; }
h2 { font-size: 1.2rem; margin-block-start: 1.5rem; }
.ohje { color: #555; }
ul.varaukset { list-style: none; padding-inline-start: 0; }
ul.varaukset li { display: flex; flex-wrap: wrap; gap: 0.75rem; align-items: baseline;
                  padding-block: 0.4rem; border-block-end: 1px solid #eee; }
ul.varaukset form, ul.varaukset form p { display: inline; margin: 0; }
.aika { font-variant-numeric: tabular-nums; min-inline-size: 14rem; }
.huone { min-inline-size: 11rem; color: #444; }
.varaus-otsikko { font-weight: bold; }
.virhe { color: #a00; }
label { display: inline-block; min-inline-size: 20rem; }
form p { margin-block: 0.4rem; }
.kayttaja { display: flex; gap: 0.5rem; align-items: baseline; }
.kayttaja form, .kayttaja form p { display: inline; margin: 0; }
.varaaja { color: #555; font-size: 0.9em; }