/* credits.css — pagina dei crediti fotografici.
   Un registro, non un articolo: leggibilità prima di tutto, tabelle che
   scorrono da sole sui telefoni invece di stringere le colonne. */

.cr-main { padding-block: clamp(96px, 12vw, 160px) clamp(56px, 7vw, 96px); }
.cr-inner { max-width: 940px; }

.cr-head { margin-bottom: clamp(40px, 5vw, 64px); }
.cr-h1 { margin: 0.3em 0 0.6em; max-width: 20ch; }
.cr-lead { max-width: 62ch; color: var(--ink); }
.cr-note { max-width: 62ch; color: var(--ash-2); font-size: 0.9rem; margin-top: 1.1em; }

.cr-block { margin-bottom: clamp(36px, 4.5vw, 56px); }
.cr-h2 { margin: 0 0 0.7em; font-size: clamp(1.25rem, 2.2vw, 1.6rem); }

/* Le tabelle non si comprimono: scorrono nel loro contenitore. */
.cr-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.9rem;
  display: block;
  overflow-x: auto;
  white-space: nowrap;
}

.cr-table th,
.cr-table td {
  text-align: left;
  padding: 11px 18px 11px 0;
  border-bottom: 1px solid color-mix(in oklch, var(--ink) 12%, transparent);
  vertical-align: baseline;
}

.cr-table th {
  font-family: var(--sans);
  font-size: var(--text-xs);
  font-weight: 500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--ash-2);
  border-bottom-color: color-mix(in oklch, var(--ink) 26%, transparent);
}

.cr-table td:first-child { white-space: normal; min-width: 24ch; }
.cr-table tr:last-child td { border-bottom: none; }

.cr-table a { color: var(--ink); text-decoration: underline; text-underline-offset: 3px; }
.cr-table a:hover { color: var(--ash-2); }

.cr-src { margin-left: 10px; font-size: 0.82em; color: var(--ash-2) !important; }
.cr-none { color: var(--ash-2); font-style: italic; }

.cr-foot {
  margin-top: clamp(40px, 5vw, 64px);
  padding-top: clamp(24px, 3vw, 36px);
  border-top: 1px solid color-mix(in oklch, var(--ink) 14%, transparent);
}

@media (max-width: 700px) {
  .cr-table { font-size: 0.85rem; }
  .cr-table td:first-child { min-width: 18ch; }
}