/*!
 * List inside the running text of a legal text page (privacy policy), design
 * language 2.1, rule 6: no bullets of the browser, a short hairline in ink 2 in
 * front of each item like the leading line of a label, items apart by the small
 * step of the prose. Used by the class website-legal-list.
 */

.website-legal-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.website-legal-list > li {
  position: relative;
  padding-left: 28px;
}

.website-legal-list > li + li {
  margin-top: 10px;
}

.website-legal-list > li::before {
  content: "";
  position: absolute;
  top: 0.78em;
  left: 0;
  width: 14px;
  border-top: 1.5px solid var(--website-color-ink-2);
}

.website-legal-list strong {
  font-weight: var(--website-font-weight-bold);
  overflow-wrap: anywhere;
}