html {
  font-size: 100%;
  background: red;
  font-family: Georgia, Cambria, serif;
  line-height: 1.6;
  max-width: var(--measure);
  margin: 0 auto;
  padding: 2rem 1rem;
}

h1, h2, h3 { line-height: 1.2; }
a          { color: var(--link); }      /* keep links underlined — the underline says "link" */
nav        { display: flex; gap: 1rem; margin-bottom: 2rem; }
ul, ol     { padding-left: 1.5rem; }

button, input[type="submit"] {
  font: inherit; padding: 0.4rem 0.8rem;
  border: 1px solid #999; border-radius: 4px; cursor: pointer;
}
input, select, textarea { font: inherit; padding: 0.3rem; }

table  { border-collapse: collapse; }
td, th { border: 1px solid #ccc; padding: 0.3rem 0.6rem; text-align: left; }


.active {
  background: green;
}