.c-blist-w {
  margin : var(--margin-sm) 0 0 0;
  padding: 0;
}

.c-blist-c {
  display: block;
  padding: 0;
  margin : var(--margin-sm) 0 0 0;
}

.c-blist-w>.c-blist-c {
  margin: 0;
}

.c-blist-c>li {
  display   : block;
  list-style: none;
  margin    : 0;
  padding   : 0;
}

.c-blist-c>li>a {
  margin-top   : 0;
  margin-bottom: 0;
}

@media (min-width: 48rem) {
  .c-blist-c {
    display        : flex;
    flex-wrap      : wrap;
    gap            : var(--margin-md);
  }

  .c-blist-c>li,
  .c-blist-c>div {
    width: 20em;
  }
}