/*!
 * Section of a text page of the website (legal notice, privacy), design
 * language 2.1, rule 6, rendered by the partial _WebsiteTextSection.cshtml: a
 * hairline, then the heading as a sentence in the small step and the running
 * text. From 1040px the heading stands left in the text column and the text
 * right of it; below, one column.
 */

.website-text-section {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
  /* 72px between two sections: 32px to the hairline, 40px after it. */
  margin-top: 32px;
  padding-top: 40px;
  border-top: 1px solid var(--website-color-line);
}

/* The first section keeps its distance from the page title. */
.website-title + .website-text-section {
  margin-top: 56px;
}

.website-text-section__title {
  margin: 0;
  font-size: clamp(23px, 2vw, 28px);
  font-weight: var(--website-font-weight-regular);
  line-height: 1.1;
  letter-spacing: var(--website-letter-spacing-statement);
  text-wrap: balance;
}

@media (min-width: 1040px) {
  .website-text-section {
    grid-template-columns: var(--website-frame-text-column) minmax(0, 62ch);
    column-gap: 48px;
    justify-content: start;
  }
}