/* Read-more клэмп: полная высота контента приходит из JS (--full-h), без магических max-height:5000px */
.readmore-clamp {
    position: relative;
    max-height: 192px;
    overflow: hidden;
    transition: max-height .5s ease;
}

/* Обрыв текста не режется по строке, а уходит в фон — и исчезает при раскрытии */
.readmore-clamp::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3.5rem;
    background: linear-gradient(to bottom, transparent, var(--c-bg, #fff) 65%);
    pointer-events: none;
    transition: opacity .5s ease;
}
.peer:checked ~ .readmore-clamp::after,
.readmore.fits .readmore-clamp::after {
    opacity: 0;
}
.peer:checked ~ .readmore-clamp {
    max-height: var(--full-h, none);
}

/* Кнопка нужна только когда контент реально обрезан (см. simple-text.js) */
.readmore.fits label {
    display: none;
}