/*
 * Print — the comp card.
 *
 * A comp card is a real artifact in this industry: a printed sheet handed to
 * a client carrying a portrait, stats and contact details. People WILL print
 * these profiles, and the default browser output of a directory page is
 * navigation, filters and a footer.
 *
 * So print gets a deliberate layout: portrait, name, stats, credits,
 * gallery contact sheet. Chrome removed entirely.
 */
@media print {
  .cs-drawer, .cs-drawer-toggle, .cs-drawer__scrim,
  .cs-pagination, .cs-safety, nav, header, footer,
  .cs-empty__actions, form { display: none !important; }

  /* The site's own ways to act — the Contact button, the contact block and
   * the report control — are the site's, not the card's. On paper they were
   * a "CONTACT" label over a sentence about signing in. */
  .cs-profile__actions, .cs-profile__contact, .cs-contact, .cs-report, .cs-skip { display: none !important; }

  html, body { background: #fff !important; color: #000 !important; }

  .cs-profile__head {
    display: grid !important;
    grid-template-columns: 2in 1fr !important;
    gap: 0.3in !important;
    page-break-inside: avoid;
  }

  .cs-profile__name, :is(h1, h2, h3, h4, h5, h6).cs-profile__name { font-size: 22pt !important; margin: 0 0 0.1in !important; }
  .cs-stats { font-size: 9pt !important; }
  .cs-stats dt { color: #444 !important; }

  /* Contact sheet: uniform thumbnails, four up, no page breaks mid-row. */
  .cs-gallery {
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 0.08in !important;
    page-break-inside: avoid;
  }
  .cs-gallery__caption { font-size: 7pt !important; }

  .cs-card { break-inside: avoid; }
  a[href]::after { content: "" !important; }   /* no URL noise on a comp card */

  @page { margin: 0.5in; }
}