/* --- Printable list document ------------------------------------------- */
.doc { max-width: 1000px; margin: 0 auto; padding: var(--pad-page); }
.doc__mast { border-bottom: 2px solid var(--ink); padding-bottom: var(--s-5); margin-bottom: var(--s-6); }
.doc__brand { display: flex; align-items: center; gap: var(--s-4); }
.doc__logo { flex: none; width: 52px; height: 52px; print-color-adjust: exact; -webkit-print-color-adjust: exact; }
.doc__inst { font-size: var(--t-17); font-weight: 700; letter-spacing: -.01em; }
.doc__addr { color: var(--ink-muted); font-size: var(--t-12); margin-top: var(--s-1); }
.doc__title { font-size: var(--t-15); font-weight: 650; margin-top: var(--s-5); }
.doc__scope, .doc__by { color: var(--ink-muted); font-size: var(--t-12); margin-top: var(--s-2); }
.doc__foot { margin-top: var(--s-7); color: var(--ink-faint); font-size: var(--t-11); }

.doc__actions { margin-bottom: var(--s-6); display: flex; gap: var(--s-4); }

@media print {
  .doc { max-width: none; padding: 0; }
  .doc__mast { border-bottom-color: #000; }
  .doc__addr, .doc__scope, .doc__by, .doc__foot { color: #000; }
  /* Repeat the letterhead on every sheet — a page 3 with no heading is not the
     document it claims to be once it leaves the printer. The date, the page
     number and the title are the browser's own header and footer, printed from
     <title>; the document does not draw its own.

     A table-header-group box drops margin, padding and border, which is why the
     rule and the gap above the table live on the inner .doc__mast instead. */
  .doc__head { display: table-header-group; }
  @page { margin: 14mm 12mm; }
}
