/* /full-list — after /page.css. On screen only: the ledger's own details.
   The sheet's stage, its intro lines and its width live in page.css
   (Printables), shared with /if-then; paper is page.css's print rules. */

@media screen {
  .sheet-head { gap: 12px; margin-bottom: 14px; }
  .sheet-meta { font-size: 1rem; }
  .sheet > .sheet-note:first-of-type { max-width: 40rem; margin-bottom: 18px; }
  .sheet .table-wrap { border-top: 1px solid var(--line); }

  .ledger thead th { color: var(--mint); padding-top: 16px; }
  .ledger .cat { font-size: 1rem; }
  .ledger .box { border-color: rgba(108, 222, 190, 0.45); }

  .sheet .sheet-total { color: var(--ink); }
  .sheet-total { margin-top: 28px; font-family: var(--display); font-stretch: 80%; font-weight: 700; font-size: 1.5rem; letter-spacing: -0.01em; }
  .sheet-total .blank { flex: 0 1 16em; min-width: 6em; }
  .sheet-total + .sheet-note { margin-top: 10px; }
}

/* From 1080px the title and the date share a line. */
@media screen and (min-width: 1080px) {
  .sheet-head { grid-template-columns: minmax(0, 1fr) auto; align-items: end; column-gap: 32px; }
  .sheet-meta { padding-bottom: 4px; }
}

@media screen and (max-width: 639px) {
  .ledger tr { padding: 14px 0 10px; }
  .ledger td { padding: 4px 0; }
  .sheet-total { font-size: 1.3rem; }
  .sheet-total .blank { flex: 1 1 5em; min-width: 5em; }
}