/* See ./legal-text.md for design notes and rationale. */

.legal-text {
  --legal-text-size: 11px;
  --legal-text-line: 28px;

  box-sizing: border-box;
  inline-size: 100%;
  color: var(--nc-color-text-primary);
  font-family: var(--nc-font-family);
  letter-spacing: var(--nc-text-letter-spacing);
}

.legal-text__content {
  text-align: start;
}

.legal-text__p,
.legal-text__content p {
  margin: 0 0 16px;
  color: var(--nc-color-text-primary);
  font-family: inherit;
  font-size: var(--legal-text-size);
  font-weight: 400;
  line-height: var(--legal-text-line);
  letter-spacing: var(--nc-text-letter-spacing);
}

.legal-text__content > :last-child {
  margin-block-end: 0;
}

.legal-text__content a:any-link {
  color: var(--nc-color-link);
  font-size: inherit;
  font-weight: var(--ds-font-weight-bold);
  line-height: inherit;
  text-decoration: underline;
}

/* tablet */
@media (width >= 768px) {
  .legal-text {
    --legal-text-size: var(--ds-font-size-12);
    --legal-text-line: 20px;
  }
}

main .section.gray .legal-text {
  max-inline-size: none;
  margin-inline: 0;
  padding-inline: 0;
}