/* Stickings are read letter by letter, so they set in a monospace face where
   an R and an L take the same room and a lowercase grace note visibly sits
   below the capitals beside it. */
.sticking {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-weight: 700;
  letter-spacing: .08em;
  white-space: nowrap;
  color: var(--brick, #8b3a3a);
}
.mnemonic dt .sticking { margin-left: .5em; font-size: .92em; }
.families { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin-top: 8px; }
.families h3 { margin: 0 0 6px; font-size: 1.05em; }
.families h3 + .rudiment-list + h3 { margin-top: 22px; }
.rudiment-list { margin: 0; padding-left: 2.2em; line-height: 1.55; }
.rudiment-list li { padding-left: .2em; }
.source { margin-top: 26px; font-size: .92em; color: var(--ink-soft, #4f4a47); }
@media (max-width: 700px) {
  .families { grid-template-columns: 1fr; }
}
@media print {
  .sticking { color: #000; }
}