/* Page-owned styles for Terms and Conditions */

.terms-page {
  background-color: var(--ace-stone);
  color: var(--ace-ink);
}

.terms-container {
  width: 100%;
  max-width: var(--ace-container-max);
  margin-inline: auto;
  padding-inline: var(--ace-container-pad-mobile);
  padding-block: var(--ace-space-2xl);
}

.terms-hero {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--ace-space-md);
  padding-block-end: var(--ace-space-2xl);
  border-bottom: 1px solid var(--ace-border-light);
}

.terms-hero__overline {
  margin-block-end: 0;
}

.terms-hero__title {
  max-width: 800px;
  margin-block-end: 0;
}

.terms-hero__standfirst {
  max-width: 720px;
  margin-block-end: 0;
}

.terms-hero__note {
  max-width: 720px;
  margin-block-end: 0;
  color: var(--ace-harbour);
}

.terms-section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--ace-space-md);
  padding-block: var(--ace-space-2xl);
  border-bottom: 1px solid var(--ace-border-light);
}

.terms-section:last-child {
  border-bottom: none;
  padding-block-end: 0;
}

.terms-section__heading {
  max-width: 800px;
  margin-block-end: 0;
}

.terms-section__body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--ace-space-md);
  max-width: 720px;
}

.terms-section__subheading {
  max-width: 800px;
  margin-block-end: 0;
}

.terms-section__list {
  margin-block-end: 0;
}

.terms-section__list li {
  margin-block-end: var(--ace-space-xs);
}

.terms-section__list li:last-child {
  margin-block-end: 0;
}

.terms-section--contact {
  border-bottom: none;
  padding-block-end: 0;
}

@media (min-width: 768px) {
  .terms-container {
    padding-inline: var(--ace-container-pad-desktop);
    padding-block: var(--ace-space-4xl);
  }

  .terms-hero {
    gap: var(--ace-space-lg);
    padding-block-end: var(--ace-space-4xl);
  }

  .terms-section {
    gap: var(--ace-space-lg);
    padding-block: var(--ace-space-4xl);
  }

  .terms-section__body {
    gap: var(--ace-space-lg);
  }
}

@media (max-width: 767px) {
  .terms-container {
    padding-block: var(--ace-space-2xl);
  }

  .terms-hero {
    gap: var(--ace-space-sm);
    padding-block-end: var(--ace-space-2xl);
  }

  .terms-section {
    gap: var(--ace-space-sm);
    padding-block: var(--ace-space-2xl);
  }

  .terms-section__body {
    gap: var(--ace-space-sm);
  }
}