:where(strong) {
  font-weight: 600;
}

:where(body) {
  font-family: var(--fontMain);
  font-size: var(--fSizeBase);
  line-height: var(--lineBase);
  font-weight: 300;
}

:where(h1) {
  font-size: var(--fSizeH1);
  line-height: var(--lineH1);
  margin-bottom: var(--spaceH1);
  font-weight: 900;
}

h1.title__page {
  text-align: center;
  margin-top: var(--space2xl);
  margin-bottom: var(--spaceXl);
}

:where(h2) {
  font-size: var(--fSizeH2);
  line-height: var(--lineH2);
  margin-bottom: var(--spaceH2);
  font-weight: 900;
}

h2.title__card {
  font-size: var(--fSizeH4);
  line-height: var(--lineH4);
  margin-bottom: var(--spaceH4);
}

h2.title__section {
  background-color: var(--colorLotusDeep);
  color: var(--colorLight);
  padding: var(--space2xs) var(--spaceXs);
  display: inline-block;
  margin-top: var(--space2xl);
}

h2.title__section__plain {
  margin-bottom: var( --spaceXl);
  color: var(--colorLotusInk);
}

:where(h3) {
  font-size: var(--fSizeH3);
  line-height: var(--lineH3);
  margin-bottom: var(--spaceH3);
  font-weight: 500;
}

:where(h4) {
  font-size: var(--fSizeH4);
  line-height: var(--lineH4);
  margin-bottom: var(--spaceH4);
  font-weight: 500;
}

:where(h5) {
  font-size: var(--fSizeH5);
  line-height: var(--lineH5);
  margin-bottom: var(--spaceH5);
  font-weight: 500;
}

:where(h6) {
  font-size: var(--fSizeH6);
  line-height: var(--lineH6);
  margin-bottom: var(--spaceH6);
  font-weight: 500;
}

:where(p) {
  font-size: var(--fSizeP);
  line-height: var(--lineP);
  margin-bottom: var(--spaceP);
}

p.preamble {
  font-weight: 500;
}

.card :where(p) {
  font-size: var(--fSizeCard);
  margin-bottom: var(--spaceS);
}

.card p:nth-last-child(1) {
  margin-bottom: 0;
}

:where(li) {
  font-size: var(--fSizeLi);
  line-height: var(--lineLi);
  margin-bottom: var(--spaceLi);
}

:where(body) {
  letter-spacing: -0.01em;
}

:where(h1,h2,h3,h4,h5,h6) {
  letter-spacing: -0.03em;
  text-wrap: balance;
}

:where(p, li) {
  text-wrap: pretty;
}