/* Just cap the width so content is a column, not full page. */

body {
  max-width: 40rem;
  margin: 2rem;
  padding: 0 1rem;
}

h1 {
  font-size: 1.4rem;
}

h2 {
  font-size: 1.1rem;
}

/* Marks matches from query expansion (OREO -> OREOS, BONU -> BONUS). */
.dag,
.variant {
  color: #c99700; /* mustard */
}

.legend {
  font-size: 0.85rem;
  color: #666;
}

td {
  padding-right: 1rem;
  vertical-align: top;
  white-space: nowrap; /* short columns stay on one line... */
}

td.clue {
  white-space: normal; /* ...only the clue wraps */
}