/* One printed page, large type. On screen it reads as a normal page; in print the site chrome goes. */
.sheet { max-width: 60rem; }
.sheet h1 { margin-bottom: 0.2rem; }
.sheet .sub { color: var(--ink-soft); margin-top: 0; }
.sheet .cols { display: grid; grid-template-columns: repeat(auto-fit, minmax(19rem, 1fr)); gap: 0 2.5rem; }
.sheet h2 { font-size: 1.3rem; margin: 1.4rem 0 0.4rem; border-bottom: 2px solid var(--tint); padding-bottom: 0.15rem; }
.sheet li { margin: 0.3rem 0; }
.sheet .eg { margin: 0.35rem 0; padding-left: 0.8rem; border-left: 4px solid var(--rule); }
.sheet .eg span { display: block; font-size: 0.85rem; text-transform: uppercase; letter-spacing: 0.05em; color: var(--ink-soft); }
.sheet .more { margin-top: 1.4rem; padding: 0.7rem 0.9rem; border: 2px solid var(--tint); border-radius: 10px; }
.sheet .print { border: 0; cursor: pointer; margin-right: 1rem; }

@media print {
  @page { size: auto; margin: 12mm; }
  :root { color-scheme: light; --ink: #000; --ink-soft: #333; --porcelain: #fff; --paper: #fff; --rule: #999; --tint: #000; }
  body { background: #fff; }
  .site-head, .site-foot, .screen-only { display: none !important; }
  .wrap { max-width: none; padding: 0; margin: 0; }
  .sheet { max-width: none; padding: 0; font-size: 12.5pt; line-height: 1.35; }
  .sheet h1 { font-size: 24pt; margin: 0; }
  .sheet .sub { margin: 0 0 4pt; }
  .sheet .cols { grid-template-columns: 1fr 1fr; gap: 0 10mm; }
  .sheet h2 { font-size: 14pt; margin: 9pt 0 3pt; break-after: avoid; }
  .sheet p, .sheet ul, .sheet ol { margin-top: 3pt; margin-bottom: 3pt; }
  .sheet li { margin: 2pt 0; break-inside: avoid; }
  .sheet section { break-inside: avoid; }
  .sheet a { color: #000; text-decoration: none; }
}