footer {
  margin: 50px 0;
}

footer .index {
  font-weight: bold;
  padding-right: 10px;
}

footer .index-list {
  display: flex;
  flex-wrap: wrap;   /* allows wrapping on smaller screens */
  gap: 0.5rem;       /* spacing between items */
  padding: 0;
  margin: 0;
  list-style: none;
}

footer .index-list li {
  display: flex; /* keeps link + separator together */
}

footer .index-list li:not(:last-child)::after {
  content: "·";
  margin-left: 0.5rem;
}