/* CKEditor Content Styles */
.page-content {
  color: rgba(238, 241, 248, 0.72);
  font-size: 15.4px;
  line-height: 1.9;
}

.page-content ul {
  margin-bottom: 16px !important;
  padding-left: 24px !important;
  list-style-type: disc !important;
}

.page-content ol {
  margin-bottom: 16px !important;
  padding-left: 24px !important;
  list-style-type: decimal !important;
}

.page-content li {
  margin-bottom: 8px !important;
  opacity: 0.84 !important;
  line-height: 1.8 !important;
}

.page-content h2 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 16px;
  margin-top: 32px;
  color: rgba(238, 241, 248, 0.92);
}

.page-content h3 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 12px;
  margin-top: 24px;
  color: rgba(238, 241, 248, 0.86);
}

.page-content p {
  margin-bottom: 16px;
  line-height: 1.9;
  opacity: 0.84;
}

.page-content blockquote {
  border: 1px solid rgba(238, 241, 248, 0.15) !important;
  border-radius: 12px !important;
  background-color: rgba(0, 0, 0, 0.3) !important;
  padding: 16px 20px !important;
  margin-top: 24px !important;
  margin-bottom: 16px !important;
  font-style: normal !important;
}

.page-content blockquote h3 {
  margin-top: 0 !important;
  margin-bottom: 12px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.15em !important;
  color: rgba(238, 241, 248, 0.7) !important;
}

.page-content blockquote ul {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  padding-left: 20px !important;
  list-style-type: disc !important;
}

.page-content blockquote li {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
  color: rgba(238, 241, 248, 0.85) !important;
  line-height: 1.6 !important;
}

/*
 * Rich text from CKEditor is also output inside plain divs (e.g. retreat activity fields).
 * Pasted HTML often sets list-style: none on ul/ol. Footer nav uses .list-none — exclude it.
 */
main ul:not(.list-none) {
  list-style-type: disc !important;
  padding-left: 24px !important;
}

main ol:not(.list-none) {
  list-style-type: decimal !important;
  padding-left: 24px !important;
}

main ul:not(.list-none) > li,
main ol:not(.list-none) > li {
  margin-bottom: 8px;
  line-height: 1.8;
}
