/* Receipts ledger rhythm overrides.
   Loaded after styles.css and scoped to .receipts-page, layered on the live
   ledger rules (the Tabler section of styles.css). Fixes the caption -> thead
   -> body squeeze on the two audit ledgers (monthly + recent settlements):
     - the caption strip gets taller padding so its text clears the
       border below it,
     - the header row grows, centers its labels, and picks up a hairline that
       separates it from the body rows,
     - body cells get a touch more vertical padding,
     - the ledger panel gets a gutter below its section heading.
   Desktop-only where the mobile stacked layout manages its own cell padding;
   the caption strip padding applies at every width. No new colors or fonts:
   hairlines reuse the design's #d1d9e3, cell padding stays 13px horizontal to
   keep the column grid aligned with the header. */
.receipts-page .receipts-ledger-wrap{margin-top:12px}
.receipts-page .receipts-ledger caption{padding:12px 18px 14px}
@media(min-width:821px){
  .receipts-page .receipts-ledger thead th{height:44px;padding:0 13px;vertical-align:middle;border-bottom:1px solid #d1d9e3}
  .receipts-page .receipts-ledger td{height:48px;padding:8px 13px}
}

/* Mobile audit 2026-08: footer tap targets + audit-strip link hit area. */
body .site-footer .footer-head > a{
  min-height:44px;display:inline-flex;align-items:center;
}
@media(max-width:620px){
  body .site-footer .footer-col a{
    padding:9px 0;font-size:12.5px;line-height:1.4;
  }
  .receipts-page .receipts-audit{padding:14px 16px}
  .receipts-page .receipts-audit a{
    display:inline-block;padding:8px 4px;margin:-8px -4px;
    color:var(--tabler-primary);font-weight:600;
  }
}