/* Keep these */
.cpccrn-pubs {
  padding-bottom: 240px;
}

/* HANGING INDENT FIX (keeps everything inline like a normal sentence) */
.cpccrn-cite {
  margin: 0 0 .5rem;

  /* Reserve space for the [##] label, then hang subsequent lines */
  padding-left: 4.5ch;   /* space for number + gap */
  text-indent: -4.5ch;   /* pull first line back into the reserved space */
}

/* Make the number a fixed-width inline box so [1] and [10] align */
.cpccrn-num {
  display: inline-block;
  width: 4ch;            /* adjust if you expect 4+ digits */
  text-align: right;

  font-weight: 700;
  color: #2ea3f2;

  margin-right: .5ch;    /* small gap after the number */
}

.cpccrn-cite em { font-style: italic; }
.cpccrn-cite a { color:#2ea3f2; text-decoration:none; }
.cpccrn-cite a:hover { text-decoration:underline; }

/* Remove these if you like (unused now) */
/* .cpccrn-year { ... } */
/* .cpccrn-group { ... } */

@media (max-width: 600px) {
  /* Optional: keep hanging indent even on mobile (usually still looks fine).
     If you REALLY want to remove indent on mobile, uncomment the two lines below. */

  /* .cpccrn-cite { padding-left: 0; text-indent: 0; } */

  /* If keeping indent, you can tighten it slightly: */
  .cpccrn-cite { padding-left: 4ch; text-indent: -4ch; }
  .cpccrn-num  { width: 3.5ch; margin-right: .5ch; }
}