/**
 * Ionis Contact List component styles
 */
.ionis-contact-list__header {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 24px 0 16px;
}

/* Extra class selector to win over the generic .layout-container headings */
.ionis-contact-list .ionis-contact-list__title {
  margin: 0;
  padding: 0;
  font-size: var(--fs-headingsm);
  font-weight: var(--fw-medium);
  line-height: 1.3;
  color: var(--color-gray-dark);
}

.ionis-contact-list .ionis-contact-list__title::after {
  content: none;
}

.ionis-contact-list .ionis-contact-list__description {
  margin: 0;
  font-size: var(--fs-headingxs);
  font-weight: var(--fw-book);
  line-height: 1.4;
  color: var(--color-black);
}

.ionis-contact-list .ionis-contact-list__items {
  margin: 0;
  padding: 0;
  list-style: none;
}

.ionis-contact-list .ionis-contact-list__item {
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--color-light-gray-2);
}

.ionis-contact-list .ionis-contact-list__item::before {
  content: none;
}

/* Side rail rule once the section columns sit side by side */
@media (min-width: 769px) {
  .ionis-contact-list {
    padding-left: 32px;
    border-left: 1px solid var(--color-light-gray-2);
  }
}