.c-download {
  display: flex;
  flex-direction: column;
  gap: var(--space-3xs);
  margin-block: var(--space-xs);
}
.c-download__name {
  color: var(--text-bright);
  font-size: var(--text-lg);
  line-height: var(--lh-tight);
  word-break: break-all;
}
.c-download__name::before {
  content: "\2193\00a0";        /* ↓ + nbsp */
  color: var(--accent);
}
.c-download__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 1ch;
  color: var(--text-dim);
  font-size: var(--text-sm);
  /* Two cells: the width of the caret and its space above, so the meta line starts under the
     filename rather than under the caret. */
  padding-inline-start: 2ch;
}
.c-download__meta > * + *::before {
  content: "\00b7\00a0";        /* · + nbsp */
  color: var(--text-dim);
}