/* page custom <style> 01d5dc1c · body · pages (1): ../webflow-live/blog.html */
.truncate-text,
.truncate-text-dark {
  /* Base styles for truncated text elements */
  line-height: 1.4;
  display: block;
}

.truncate-text.is-truncated,
.truncate-text-dark.is-truncated {
  /* Visual indicator that text has been truncated */
  position: relative;
}

/* Optional: Add expand functionality on hover */
.truncate-text.expandable,
.truncate-text-dark.expandable {
  cursor: pointer;
  transition: all 0.3s ease;
}

.truncate-text.expandable:hover,
.truncate-text-dark.expandable:hover {
  opacity: 0.8;
}

/* Optional: Fade effect at the end */
.truncate-text.fade-end::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  width: 30px;
  height: 1.4em;
  background: linear-gradient(to right, transparent, white);
  pointer-events: none;
}

.truncate-text-dark.fade-end::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  width: 30px;
  height: 1.4em;
  background: linear-gradient(to right, transparent, #1a1a1a); /* Dark background */
  pointer-events: none;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .truncate-text,
  .truncate-text-dark {
    font-size: 0.9em;
  }
}