.boao-rich-content {
  min-width: 0;
  overflow-wrap: anywhere;
  color: #50595e;
  font-size: 15px;
  line-height: 1.85;
}

.boao-rich-content--full { grid-column: 1 / -1; max-width: 900px; }
.boao-rich-content p { margin: 0 0 24px; }
.boao-rich-content h2,
.boao-rich-content h3,
.boao-rich-content h4 {
  scroll-margin-top: 112px;
  margin: 36px 0 18px;
  color: var(--ink);
  line-height: 1.4;
}
.boao-rich-content > :first-child { margin-top: 0; }
.boao-rich-content h2 { font-size: 29px; }
.boao-rich-content h3 { font-size: 23px; }
.boao-rich-content h4 { font-size: 19px; }
.legal-document.boao-rich-content h2:not(:first-child) {
  padding-top: 38px;
  border-top: 1px solid var(--line);
}
.boao-rich-content ul,
.boao-rich-content ol { margin: 18px 0 24px; padding-left: 26px; }
.boao-rich-content ul { list-style: disc; }
.boao-rich-content ol { list-style: decimal; }
.boao-rich-content li + li { margin-top: 9px; }
.boao-rich-content li > ul,
.boao-rich-content li > ol { margin-bottom: 0; }
.boao-rich-content blockquote {
  margin: 24px 0;
  padding: 14px 22px;
  border-left: 3px solid var(--red);
  background: var(--surface);
}
.boao-rich-content a { color: var(--red); text-decoration: underline; text-underline-offset: 3px; }
.boao-rich-content img { display: inline-block; max-width: 100%; height: auto; vertical-align: middle; }
.boao-rich-content .ql-align-center { text-align: center; }
.boao-rich-content .ql-align-right { text-align: right; }
.boao-rich-content .ql-align-justify { text-align: justify; }
.boao-rich-content .ql-indent-1 { margin-left: 2em; }
.boao-rich-content .ql-indent-2 { margin-left: 4em; }
.boao-rich-content .ql-indent-3 { margin-left: 6em; }
.boao-rich-content .ql-indent-4 { margin-left: 8em; }
.boao-rich-content .ql-indent-5 { margin-left: 10em; }
.boao-rich-content .ql-indent-6 { margin-left: 12em; }
.boao-rich-content .ql-indent-7 { margin-left: 14em; }
.boao-rich-content .ql-indent-8 { margin-left: 16em; }
@media (max-width: 640px) {
  .boao-rich-content h2 { font-size: 23px; }
  .boao-rich-content h3 { font-size: 20px; }
  .boao-rich-content h4 { font-size: 18px; }
  .boao-rich-content [class*="ql-indent-"] { margin-left: min(12vw, 3em); }
}