.regulamin-intro,
.regulamin-section {
  padding-block: var(--space-3xl);
}

.regulamin-intro__inner,
.regulamin-section__inner {
  width: 100%;
  max-width: var(--container-narrow);
  margin-inline: auto;
  padding-inline: var(--container-margin-mobile);
}

.regulamin-intro__date {
  display: inline-block;
  background-color: var(--color-miodowy-bez);
  color: var(--color-gleboki-grafit);
  margin-block-end: var(--space-m);
}

.regulamin-intro__lead {
  font-size: var(--text-body-l-size);
  line-height: var(--text-body-l-line-height);
  font-weight: var(--text-body-l-weight);
  max-width: 68ch;
}

.regulamin-section--linen {
  background-color: var(--color-jasny-len);
}

.regulamin-section--dark {
  background-color: var(--color-gleboki-grafit);
  color: var(--color-kremowy-tekst-na-ciemnym);
}

.regulamin-section--dark a {
  color: var(--color-miodowy-bez);
}

.regulamin-section--dark a:hover {
  color: var(--color-kremowy-tekst-na-ciemnym);
}

.regulamin-section--contact {
  background-color: var(--color-jasny-len);
}

.regulamin-definicje {
  display: flex;
  flex-direction: column;
  gap: var(--space-m);
  margin-block-end: 0;
}

.regulamin-definicje__item {
  display: flex;
  flex-direction: column;
  gap: var(--space-2xs);
  min-width: 0;
}

.regulamin-definicje dt {
  font-weight: 600;
  color: var(--color-przygaszona-cegla);
}

.regulamin-definicje dd {
  margin-inline-start: 0;
  max-width: 68ch;
}

.regulamin-list {
  margin-block-end: 0;
  padding-inline-start: var(--space-l);
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
}

.regulamin-list--dark {
  color: var(--color-kremowy-tekst-na-ciemnym);
}

.regulamin-contact {
  font-style: normal;
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
  margin-block-end: var(--space-m);
}

.regulamin-contact p {
  margin-block-end: 0;
}

.regulamin-section__inner > p,
.regulamin-section__inner > ul,
.regulamin-section__inner > dl,
.regulamin-section__inner > address {
  max-width: 68ch;
}

@media (min-width: 768px) {
  .regulamin-intro__inner,
  .regulamin-section__inner {
    padding-inline: var(--container-margin-desktop);
  }

  .regulamin-intro,
  .regulamin-section {
    padding-block: var(--space-3xl);
  }
}

@media (min-width: 1024px) {
  .regulamin-intro,
  .regulamin-section {
    padding-block: var(--space-3xl);
  }
}

@media (max-width: 767px) {
  .regulamin-intro,
  .regulamin-section {
    padding-block: var(--space-2xl);
  }

  .regulamin-intro__inner,
  .regulamin-section__inner {
    padding-inline: var(--container-margin-mobile);
  }

  .regulamin-intro__lead,
  .regulamin-section__inner > p,
  .regulamin-section__inner > ul,
  .regulamin-section__inner > dl,
  .regulamin-section__inner > address {
    max-width: 100%;
  }
}