/* Свёрнутый длинный текст. Цвета не задаются — берутся у страницы. */
.nx-more-head::after { content: "…"; }
.nx-more.open .nx-more-head::after { content: none; }

/* Кнопка идёт В СТРОКУ с текстом, а не отдельной строкой под ним: так
   видно, что она продолжает предложение, а не начинает новый раздел. */
.nx-more-btn {
  display: inline; margin-left: 6px; padding: 0;
  background: none; border: 0; color: inherit; font: inherit;
  font-weight: 600; text-decoration: underline; cursor: pointer;
  opacity: .72; transition: opacity .15s;
}
.nx-more-btn:hover { opacity: 1; }

/* ПОСЛЕДНЕЕ ПРАВИЛО ФАЙЛА. `display` из класса перебивает атрибут
   `hidden`, и хвост текста показывался бы целиком — то есть свёртка не
   работала бы вовсе. Область ограничена блоком. */
.nx-more [hidden] { display: none; }