.compliance__content {
  margin-top: 2.5rem;
}

.compliance__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
}

.compliance__grid.items-3 > .compliance__item:first-child,
.compliance__grid.items-3 > .compliance__item:nth-child(2) {
  grid-column: 1;
}

.compliance__grid.items-3 > .compliance__item:nth-child(3) {
  grid-column: 2;
  grid-row: 1 / span 2;
}

.compliance__grid.items-4 {
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
}

.compliance__grid.items-4 > .compliance__item {
  grid-column: span 1;
}

.compliance__grid > .compliance__column + .compliance__item {
  grid-column: 2;
  grid-row: 1 / span 2;
}

.compliance__grid:not(.items-3):not(.items-4) > .compliance__item:first-child {
  grid-column: 1;
  grid-row: 1;
}

.compliance__grid:not(.items-3):not(.items-4) > .compliance__item:nth-child(2) {
  grid-column: 1;
  grid-row: 2;
}

.compliance__grid:not(.items-3):not(.items-4) > .compliance__item:nth-child(3) {
  grid-column: 2;
  grid-row: 1 / span 2;
}

.compliance__column {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.compliance__item {
  background-color: var(--primary-0);
  border: 0.0625rem solid var(--primary-1_1);
  border-radius: 0.5rem;
  padding: 1rem;
}

.compliance h4 {
  color: var(--primary-16);
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.compliance__item-text {
  color: var(--primary-14);
  display: block;
  line-height: 1.4;
}

.compliance__item-text p:not(:last-child) {
  margin-bottom: 0.5rem;
}

.compliance__item-text ul {
  padding-left: 1.25rem;
}

.compliance__item-text ul li {
  color: var(--primary-14);
  line-height: 1.4;
  list-style: disc;
}

.dark-bg .compliance__item {
  background-color: var(--primary-15);
  border-color: var(--primary-9);
}

.dark-bg .compliance__item h4,
.dark-bg .compliance__item-text {
  color: var(--gray-1);
}

@media (max-width: 61.99875rem) {
  .compliance__grid {
    grid-template-columns: 1fr;
  }

  .compliance__grid.items-3 > .compliance__item,
  .compliance__grid.items-4 > .compliance__item,
  .compliance__grid:not(.items-3):not(.items-4) > .compliance__item {
    grid-column: 1 !important;
    grid-row: auto !important;
  }

  .compliance__grid.items-4 {
    grid-template-columns: repeat(2, 1fr);
  }

  .compliance__grid > .compliance__column + .compliance__item {
    grid-column: 1;
    grid-row: auto;
  }

  .compliance__column {
    gap: 1.25rem;
  }
}

@media (max-width: 47.99875rem) {
  .compliance__grid {
    grid-template-columns: 1fr;
  }
}

@media (min-width: 20rem) and (max-width: 120rem) {
  .compliance__content {
    margin-top: clamp(1.5rem, 1.3rem + 1vw, 2.5rem);
  }

  .compliance__grid {
    gap: clamp(1rem, 0.95rem + 0.25vw, 1.25rem);
  }

  .compliance h4 {
    font-size: clamp(1.125rem, 1.05rem + 0.375vw, 1.5rem);
  }

  .compliance__item-text,
  .compliance__item-text ul li {
    font-size: clamp(1rem, 0.975rem + 0.125vw, 1.125rem);
  }
}

@media (min-width: 120rem) {
  .compliance__content {
    margin-top: 2.5rem;
  }

  .compliance__grid {
    gap: 1.25rem;
  }

  .compliance h4 {
    font-size: 1.5rem;
  }

  .compliance__item-text,
  .compliance__item-text ul li {
    font-size: 1.125rem;
  }
}