:root {
  --sdc-list-max-width: 1440px;
  --sdc-list-content-max-width: 1120px;
  --sdc-list-mobile-padding: 24px;
  --sdc-list-heading-size: 50px;
  --sdc-list-heading-color: #000;
  --sdc-list-border-width: 1px;
  --sdc-list-border-color: #000;
  --sdc-list-items-max-width: 728px;
}

.sdc-list-wrapper {
  max-width: var(--sdc-list-max-width);
  margin: 0 auto;
  padding: 0 var(--sdc-list-mobile-padding) 1rem var(--sdc-list-mobile-padding);
}

.sdc-list {
  max-width: var(--sdc-list-content-max-width);
  width: 100%;
}

.sdc-list h2 {
  font-size: var(--sdc-list-heading-size);
  color: var(--sdc-list-heading-color);
  margin-top: 0;
  margin-bottom: 30px;
}

.sdc-list-items {
  display: flex;
  flex-direction: column;
  max-width: var(--sdc-list-items-max-width);
}

.sdc-list-item {
  border-bottom: var(--sdc-list-border-width) solid var(--sdc-list-border-color);
}