/* Override any existing preview clamp so "Read more" always reveals the full text. */
.paragraph-expandable {
  display: block !important;
  -webkit-line-clamp: unset !important;
  max-height: none !important;
  overflow: visible !important;
}
.paragraph-expandable.paragraph-collapsed {
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3 !important;
  overflow: hidden !important;
}
.paragraph-read-more {
  display: inline-flex;
  align-items: center;
  border: 0;
  padding: 4px 0;
  margin: 0 0 1rem;
  background: transparent;
  color: inherit;
  font: inherit;
  font-size: 13px;
  line-height: 1.5;
  text-decoration: underline;
  text-underline-offset: 4px;
  cursor: pointer;
}
.paragraph-read-more:hover { opacity: .8; }
.paragraph-read-more:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }