/* ── ita_credits ────────────────────────────────────────────────────
   Reused from cinematic_winner_credits' dt/dd row list. Two variants,
   both driven purely by CSS from the same label/value data:

   .ita-cr--criteria — the numbered badge (01, 02, 03…) is a CSS
   counter, not a data field — dt becomes the criterion title, dd its
   description, both stacked full-width to the right of the badge.
   Badge color cycles gold/red/teal via :nth-of-type, same rotation
   as every other repeating marker on the site.

   .ita-cr--stats — dt becomes a big Arial Black number, dd a small
   uppercase caption, laid out as a horizontal row instead of stacked
   rows.

   Tokens only. */

/* No padding override — spacing to neighboring blocks now comes from
   an explicit ita_spacer block in the page, not block CSS. */

/* ── criteria variant ─────────────────────────────────────────────── */
.block-ita_credits.ita-cr--criteria .cwc-list {
  margin-top: 30px; border-top: none;
  counter-reset: cr-row;
}
.block-ita_credits.ita-cr--criteria .cwc-row {
  display: block;
  position: relative;
  padding: 14px 0 14px 72px;
  border-top: 1px solid var(--color-border);
  border-bottom: none;
  counter-increment: cr-row;
}
.block-ita_credits.ita-cr--criteria .cwc-row:last-of-type { border-bottom: 1px solid var(--color-border); }
.block-ita_credits.ita-cr--criteria .cwc-row::before {
  content: counter(cr-row, decimal-leading-zero);
  position: absolute; left: 0; top: 14px;
  width: 36px; height: 36px; border-radius: 10px;
  display: flex; align-items: center; justify-content: center;
  font-family: var(--font-display); font-weight: 700; font-size: 14px; color: #fff;
}
.block-ita_credits.ita-cr--criteria .cwc-row:nth-of-type(3n+1)::before { background: var(--color-accent-2); }
.block-ita_credits.ita-cr--criteria .cwc-row:nth-of-type(3n+2)::before { background: var(--color-accent); }
.block-ita_credits.ita-cr--criteria .cwc-row:nth-of-type(3n+3)::before { background: var(--color-accent-3); }
.block-ita_credits.ita-cr--criteria .cwc-row-label {
  display: block;
  font-family: var(--font-display); font-weight: 700; font-size: 17.5px;
  color: var(--color-fg); text-transform: none; letter-spacing: normal;
  margin-bottom: 6px;
}
.block-ita_credits.ita-cr--criteria .cwc-row-value {
  display: block; font-size: 15.5px; color: var(--color-fg-muted);
}

/* ── stats variant ─────────────────────────────────────────────────── */
.block-ita_credits.ita-cr--stats .cwc-list {
  display: flex; flex-wrap: wrap; gap: 32px;
  margin-top: 26px; border-top: none;
}
.block-ita_credits.ita-cr--stats .cwc-row {
  display: flex; flex-direction: column; gap: 4px;
  padding: 0; border: none;
}
.block-ita_credits.ita-cr--stats .cwc-row-label {
  font-family: var(--font-display); font-weight: 700;
  font-size: clamp(32px,3.6vw,46px); color: var(--color-fg);
  text-transform: none; letter-spacing: normal;
}
.block-ita_credits.ita-cr--stats .cwc-row-value {
  font-size: 12.5px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase;
  color: var(--color-muted-2);
}

@media (max-width: 640px) {
  .block-ita_credits.ita-cr--criteria .cwc-row { padding-left: 60px; }
  .block-ita_credits.ita-cr--criteria .cwc-row::before { width: 30px; height: 30px; font-size: 12px; }
}

/* Navy contrast: row divider + label/value colors select on
   specificity that beats the generic `.section-navy` rules in
   shared/styles.css, same pattern as ita_split_media/ita_two_col_text. */
.section-navy.block-ita_credits.ita-cr--criteria .cwc-row { border-top-color: rgba(255,255,255,.18); }
.section-navy.block-ita_credits.ita-cr--criteria .cwc-row:last-of-type { border-bottom-color: rgba(255,255,255,.18); }
.section-navy.block-ita_credits .cwc-row-label { color: var(--color-on-dark); }
.section-navy.block-ita_credits .cwc-row-value { color: rgba(255,255,255,.82); }