/* Terms & conditions page */

.terms {
  background-color: var(--background-1);
  padding: 32px 32px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.terms__breadcrumb {
  font-size: var(--fz-body-md);
  font-weight: 500;
  color: var(--foreground-2);
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}

.terms__breadcrumb a {
  color: var(--hero-link-text);
  text-decoration: none;
  transition: opacity 0.15s;
}

.terms__breadcrumb a:hover {
  text-decoration: underline;
}

.terms__title {
  font-size: var(--fz-h4);
  font-weight: 800;
  letter-spacing: -0.04em;
  color: var(--foreground-1);
  line-height: 1.25;
}

.terms__card {
  background-color: var(--background-2);
  border-radius: 20px;
  padding: 32px 38px;
  box-shadow: var(--shadow-card-strong);
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.terms__content {
  font-size: var(--fz-body-md);
  font-weight: 500;
  line-height: 1.6;
  color: var(--foreground-1);
}

.terms__content h3 {
  font-size: var(--fz-body-md);
  font-weight: 700;
  margin: 24px 0 8px;
  letter-spacing: 0;
  color: var(--foreground-1);
}

.terms__content p + p {
  margin-top: 16px;
}

.terms__content p {
  margin: 0;
}

.terms__content ul {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 8px 0 16px 24px;
  padding: 0;
  list-style: disc;
}

.terms__content a {
  color: var(--hero-link-text);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.terms__version {
  color: var(--foreground-2);
}

@media (max-width: 768px) {
  .terms {
    padding: 24px 16px;
  }
  .terms__card {
    padding: 24px 20px;
  }
  .terms__title {
    font-size: var(--fz-h5);
  }
}