/* Mobile (default): show full description */
.desc { white-space: pre-line; }

/* Desktop (≥ md): clamp to 3 lines unless expanded */
@media (min-width: 768px){
  .desc {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
  }
  .desc.expanded {
    display: block;
    -webkit-line-clamp: unset;
    overflow: visible;
  }
}

/* Hide toggle by default on desktop; JS will show it only when needed */
@media (min-width: 768px){
  [data-toggle-desc]{ display:none; }
  [data-toggle-desc].show{ display:inline; }
}