/* Bill review comparison sheet. On paper it prints in one blue ink with no dark fills. */
.sheet { margin: 1.5rem 0; }
.sheet h2 { margin-top: 0; }
.cmp { width: 100%; border-collapse: collapse; background: var(--card); border: 1px solid var(--line); border-radius: 14px; overflow: hidden; font-variant-numeric: tabular-nums; }
.cmp th, .cmp td { text-align: left; padding: .65rem .8rem; border-bottom: 1px solid var(--line); vertical-align: top; }
.cmp th { font-size: .8rem; color: var(--muted); font-weight: 700; }
.cmp td.n { text-align: right; white-space: nowrap; font-weight: 700; }
.cmp tr.now td { background: #eef2f9; }
.cmp small { display: block; color: var(--muted); font-weight: 400; font-size: .8rem; }
.save { color: var(--ok); }
.callout { background: var(--card); border: 2px solid var(--ok); border-radius: 14px; padding: 1rem 1.1rem; margin: 1rem 0; font-size: 1.1rem; }
.callout strong { font-size: 1.4rem; }
.callout.meh { border-color: var(--warn); }
.fine { color: var(--muted); font-size: .8rem; }
.fine a { color: inherit; }
.tablewrap { overflow-x: auto; }

@media print {
  @page { margin: 14mm; }
  .noprint { display: none !important; }
  body { background: #fff; color: #0000aa; }
  .sheet, .sheet * { color: #0000aa !important; background: transparent !important; border-color: #0000aa !important; }
  .cmp { border-width: 1px; }
  .cmp th, .cmp td { border-bottom-width: .75px; }
  .callout { border-width: 1.5px; }
}