/* The media kit preview and PDF. Sized in em off a container unit, so the preview and
   the printed A4 page are the same layout at different scales. Always light: it's paper. */
.mk-page {
  --mk-accent: #2563EB;
  --mk-on-accent: #fff;
  container-type: inline-size;
  aspect-ratio: 210 / 297;
  width: 100%;
  background: #fff;
  color: #1c1f26;
  border-radius: 4px;
  box-shadow: 0 2px 14px rgba(0, 0, 0, .35);
}
.mk-page + .mk-page { margin-top: 1rem; }
.mk-in { font-size: 2.05cqw; line-height: 1.45; min-height: 100%; display: flex; flex-direction: column; }
.mk-band { background: var(--mk-accent); color: var(--mk-on-accent); padding: 3em 3.5em 2.5em; }
.mk-logo { display: block; max-height: 5em; max-width: 40%; margin-bottom: 1.5em; background: #fff; padding: 0.4em; border-radius: 0.3em; }
.mk-name { font-size: 3em; line-height: 1.08; font-weight: 700; letter-spacing: -0.03em; overflow-wrap: anywhere; }
.mk-kicker { font-size: 0.9em; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 0.6em; }
.mk-tagline { margin-top: 0.9em; font-size: 1.2em; }
.mk-body { padding: 2.5em 3.5em; flex: 1; }
.mk-page h3 { font-size: 1.25em; font-weight: 700; color: var(--mk-accent); letter-spacing: -0.01em; margin: 1.7em 0 0.4em; }
.mk-page h3:first-child { margin-top: 0; }
.mk-page p { overflow-wrap: anywhere; white-space: pre-line; }
.mk-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5em; margin-bottom: 2.2em; }
.mk-stat b { display: block; font-size: 2.3em; line-height: 1.1; font-weight: 700; letter-spacing: -0.03em; overflow-wrap: anywhere; }
.mk-stat span { display: block; margin-top: 0.3em; font-size: 0.9em; color: #555; }
.mk-source { margin-top: 1.8em; font-size: 0.85em; color: #555; }
.mk-table { width: 100%; border-collapse: collapse; }
.mk-table th, .mk-table td { padding: 0.55em 0.6em 0.55em 0; text-align: left; border-bottom: 1px solid #d8d8d8; vertical-align: top; overflow-wrap: anywhere; }
.mk-table th { font-size: 0.85em; font-weight: 600; color: #555; }
.mk-table th:last-child, .mk-table td:last-child { padding-right: 0; text-align: right; font-weight: 600; white-space: nowrap; }
.mk-dates { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5em; }
.mk-dates b { display: block; font-size: 0.85em; font-weight: 600; color: #555; }
.mk-book { margin-top: 2em; padding: 1.5em 1.7em; background: var(--mk-accent); color: var(--mk-on-accent); border-radius: 0.4em; }
.mk-book h3 { color: inherit; margin: 0 0 0.3em; }
.mk-book-name { font-size: 1.3em; font-weight: 700; }
.mk-credit { padding: 0 4.67em 2.4em; font-size: 0.75em; color: #777; }
.mk-page .mk-ph { color: #9a9a9a; }
.mk-band .mk-ph, .mk-book .mk-ph { color: inherit; opacity: .65; }

@page { size: A4; margin: 0; }
@media print {
  .mk-page {
    width: 210mm;
    aspect-ratio: auto;
    min-height: 296mm;
    margin: 0 !important;
    border-radius: 0;
    box-shadow: none;
    break-after: page;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  .mk-page:last-child { break-after: auto; }
  .mk-in { min-height: 296mm; }
}