/* Shared policy-document styling — append to static/css/site.css */ 

.policy-document {
  width: 100%;
  max-width: none;
  color: #a8a8c4;
  font-size: 1rem;
  line-height: 1.8;
  text-align: left;
  text-justify: inter-word;
}

.policy-document> :first-child {
  margin-top: 0;
}

.policy-document p {
  margin: 0 0 1.15rem;
}

.policy-document p strong .policy-document p span strong,
.policy-document p u strong {
  display: inline-block;
  margin-top: 2.25rem;
  color: #e8e8f4;
  font-size: 1.2rem !important;
  line-height: 1.35;
  font-style: normal;
}

.policy-document p u {
  color: #c8c8e0;
  text-decoration-color: rgba(79, 127, 255, 0.45);
  text-underline-offset: 0.25rem;
}

.policy-document ul {
  list-style: inside;
  margin: 1rem 0 1.5rem;
  padding-left: 0;
}

.policy-document ul li {
  position: relative;
  margin-bottom: 0.7rem;
  padding-left: 1.7rem;
  text-align: left;
}

.policy-document ul li::before {
  content: "";
  position: absolute;
  left: 0.2rem;
  top: 0.72em;

  width: 0.5rem;
  height: 0.5rem;

  background: linear-gradient(135deg, #3b8ef3, #8b5cf6);
  border-radius: 2px;
  transform: rotate(45deg);

  box-shadow: 0 0 10px rgba(59, 142, 243, 0.45);
}


/*.policy-document ul,
.policy-document ol {
  margin: 0.75rem 0 1.5rem 1.25rem;
  padding-left: 1rem;
}

.policy-document li {
  margin: 0.55rem 0;
  padding-left: 0.25rem;
}
*/
.policy-document li::marker {
  color: #4f7fff;
}

.policy-document strong {
  color: #d8d8eb;
}

.policy-document a {
  color: #6f94ff;
  text-decoration: underline;
  text-underline-offset: 0.2rem;
}

.policy-document br+br {
  display: block;
  content: "";
  margin-top: 0.8rem;
}


#docBody {
  color: #a8a8c4 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

#docBody p,
#docBody li,
#docBody span,
#docBody em,
#docBody div {
  color: #a8a8c4;
  font-family: Arial;
  font-size: 16px;
}

#docBody h1,
#docBody h2,
#docBody h3,
#docBody h4,
#docBody strong {
  color: #e8e8f4;
  font-family: Arial;
}

#docBody a {
  color: #3b8ef3;
  font-family: Arial;
}

#docBody ul,
#docBody ol {
  display: block;
  color: #a8a8c4;
  font-family: Arial;
}

#docBody h1 {
   font-size: 24px;
   font-weight: 600;
   color: rgb(0 201 167 / var(--tw-text-opacity, 1))
}

#docBody h2 {
   font-size: 20px;
   color: #80aee5
}

.policy-document {
  text-align: left;
  text-justify: inter-word;
  font-family: Arial;

}


.policy-document h1,
.policy-document h2,
.policy-document h3,
.policy-document h4,
.policy-document ul,
.policy-document ol {
  text-align: left;
  font-family: Arial;

}