/* The same paper, ink, serif headings and green links as the rest of the site. */
.printable-sheet { display: grid; grid-template-columns: 2.5rem minmax(0, 1fr); gap: 1rem; margin-top: 2rem; padding-top: 1.5rem; border-top: 2px solid var(--rule); }
.sheet-number { margin: .2rem 0 0; color: var(--green); font-family: var(--serif); font-size: 1.75rem; line-height: 1.2; }
.sheet-content h2 { margin: 0; }
.sheet-content > p { margin-block: .65rem 1rem; }
.printable-open { display: inline-block; padding: .55rem .8rem; border: 2px solid var(--green); border-radius: 5px; background: var(--card); font-weight: 700; }
.sheet-reading { margin-top: 1.2rem; }
.sheet-reading summary { padding: .55rem 0; cursor: pointer; color: var(--green-dark); text-decoration: underline; text-underline-offset: .2em; }
.sheet-reading > div { padding-top: .5rem; }
.shortcut-scroll { overflow-x: auto; }
.shortcut-reference { width: 100%; border-collapse: collapse; font-size: 1.05rem; line-height: 1.45; }
.shortcut-reference caption { text-align: left; font-weight: 700; margin-bottom: .75rem; }
.shortcut-reference th, .shortcut-reference td { text-align: left; padding: .7rem .5rem; vertical-align: top; border-bottom: 1px solid var(--rule); }
.shortcut-reference td { white-space: nowrap; }
.shortcut-reference .plus { padding: 0 .15em; font-weight: 700; }
.shortcut-reference small { display: block; font-size: 1em; font-weight: 400; }
.symbol-reference div { border-top: 1px solid var(--rule); padding: .75rem 0; }
.symbol-reference dt { display: flex; align-items: center; gap: .75rem; font-family: var(--serif); font-size: 1.2rem; font-weight: 700; }
.symbol-pictures { display: inline-flex; gap: .3rem; flex: none; }
.symbol-pictures .badge { width: 3rem; height: 3rem; }
.symbol-reference dd { margin: .3rem 0 0; }
@media (max-width: 34rem) {
  .printable-sheet { grid-template-columns: minmax(0, 1fr); gap: .5rem; }
  .sheet-number { font-size: 1.25rem; }
  .shortcut-reference td { white-space: normal; }
  .shortcut-reference kbd { margin-block: .1rem; }
}
@media print {
  .sheet-number, .printable-open { display: none; }
  .printable-sheet { display: block; break-inside: avoid; }
}
