/* Print overrides only. Cards are 2.5 × 3.5 in, ink on white, bars kept. */
/* Letter: 3 × 2.5in columns + 2 × .25in gaps = 8in, centered. 3 × 3.5in rows + 2 × .08in gaps + .15in margins = 10.96in. */
@page { size: letter; margin: .15in .2in; }
body { background: #fff; font-size: 10pt; }
header.site, aside.menu, footer.site, .noprint, .say { display: none !important; }
div.site { display: block; min-height: 0; }
main { max-width: none; padding: 0; }
.grid { grid-template-columns: repeat(3, 2.5in); gap: .08in .25in; justify-content: center; }
.grid.single { grid-template-columns: 2.5in; }
.card { display: flex; flex-direction: column; grid-row: auto; width: 2.5in; height: 3.5in; overflow: hidden; padding: .1in; margin: 0; background: #fff;
  font-size: 10pt; line-height: 1.1; break-inside: avoid;
  box-shadow: inset 0 0 0 3px var(--ink); }  /* inset: the border stays inside the 2.5 × 3.5in, gaps stay clear */
.card .top { gap: 6px; margin-bottom: 4px; }
.card .slot img { width: .32in; height: .32in; }
.card .slot { width: .4in; height: .4in; background: #fff; margin: 2px;
  box-shadow: 0 -2px 0 0 var(--ink), 0 2px 0 0 var(--ink), -2px 0 0 0 var(--ink), 2px 0 0 0 var(--ink); }
.card h2 { font-size: 12pt; }
.card .latin { font-size: 9pt; }
.card th, .card td { padding: 0 2px; border-bottom-width: 1px; }
.card .bar i { width: 6px; height: 8px; }
.box, .tbl { background: #fff; }
.detail table { break-inside: avoid; font-size: 10pt; }
/* pips are backgrounds: browsers drop them when printing unless told otherwise */
* { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
/* both tables fill the card with the same label column, so values line up down the card */
.card table { width: 100%; table-layout: fixed; }
.card th { width: 1.05in; padding-right: 4px; }
.card td { white-space: normal; overflow-wrap: anywhere; }