/**
 * CKEditor / rich HTML on the public site.
 * Theme sets li { display:inline-block } globally — restore proper block layout here.
 */
.rich-content,
.rich-content p,
.aboutarea__para.rich-content,
.aboutarea__para.rich-content p {
  color: var(--contentColor, #5f6c76);
  font-size: 16px;
  line-height: 1.75;
}

.rich-content p,
.aboutarea__para.rich-content p {
  margin: 0 0 1rem;
  display: block;
}

.rich-content p:last-child,
.aboutarea__para.rich-content p:last-child {
  margin-bottom: 0;
}

.rich-content ul,
.rich-content ol,
.aboutarea__para.rich-content ul,
.aboutarea__para.rich-content ol {
  display: block !important;
  padding-left: 1.5em !important;
  margin: 0 0 1rem !important;
  list-style-position: outside !important;
}

.rich-content ul {
  list-style-type: disc !important;
}

.rich-content ol {
  list-style-type: decimal !important;
}

.rich-content li,
.aboutarea__para.rich-content li {
  display: list-item !important;
  list-style: inherit !important;
  margin: 0.35em 0;
  width: auto !important;
}

.rich-content strong,
.rich-content b {
  font-weight: 700;
  color: var(--headingColor, #222);
}

.rich-content a {
  color: var(--primaryColor, #17a4dc);
  text-decoration: underline;
}

.rich-content h2,
.rich-content h3,
.rich-content h4 {
  color: var(--headingColor, #222);
  margin: 1.25rem 0 0.75rem;
  line-height: 1.35;
}

.rich-content blockquote {
  border-left: 3px solid var(--primaryColor, #17a4dc);
  padding-left: 1rem;
  margin: 1rem 0;
  color: var(--contentColor, #5f6c76);
}

.rich-content img {
  max-width: 100%;
  height: auto;
}

/* Read more / read less — keeps HTML, collapses by height (no solid white overlay) */
.add-read-more {
  position: relative;
}
.add-read-more.show-less-content {
  max-height: var(--rm-collapse-height, 160px);
  overflow: hidden;
  padding-bottom: 2.5rem;
}
.add-read-more.show-more-content {
  max-height: none;
  overflow: visible;
  padding-bottom: 0;
}
/* Fade into page background, not pure white */
.add-read-more.show-less-content::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 2.25rem;
  height: 3.5rem;
  background: linear-gradient(
    to bottom,
    transparent,
    var(--bodyBg, #fbfbfb)
  );
  pointer-events: none;
  z-index: 0;
}
.add-read-more .rm-actions {
  margin-top: 0.75rem;
  position: relative;
  z-index: 2;
  background: transparent !important;
}
.add-read-more.show-less-content .rm-actions {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  margin-top: 0;
  padding: 0.35rem 0 0;
  background: var(--bodyBg, #fbfbfb) !important;
}
.add-read-more.show-more-content .rm-actions {
  position: relative;
  background: transparent !important;
}
.add-read-more .read-more-btn-toggle {
  background: none !important;
  border: none;
  padding: 0;
  color: var(--primaryColor, #17a4dc);
  font-weight: 600;
  cursor: pointer;
  font-size: 15px;
  box-shadow: none;
}
.add-read-more .read-more-btn-toggle:hover {
  text-decoration: underline;
}
.add-read-more.show-less-content .read-less {
  display: none;
}
.add-read-more.show-more-content .read-more {
  display: none;
}
.add-read-more.show-more-content .read-less {
  display: inline-block;
}
.add-read-more.show-less-content .read-more {
  display: inline-block;
}