/**
 * ПРОМТ F: ридер — ширина колонки и ритм текста
 * Переносы, выравнивание, типографика
 */
.reader__content,
.reader__text,
.popup-reader__content,
.chapter-content {
    max-width: 780px;
    padding-left: 16px;
    padding-right: 16px;
    line-height: 1.7;
    hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    text-align: justify;
    text-justify: inter-word;
}

@media (min-width: 768px) {
    .reader__content,
    .reader__text,
    .popup-reader__content,
    .chapter-content {
        padding-left: 24px;
        padding-right: 24px;
    }
}

@media (min-width: 1024px) {
    .reader__content,
    .reader__text,
    .popup-reader__content,
    .chapter-content {
        padding-left: 32px;
        padding-right: 32px;
    }
}

.reader__content p,
.reader__text p,
.chapter-content p {
    margin-top: 0.75em;
    margin-bottom: 0.75em;
}

.reader__content p:first-child,
.reader__text p:first-child,
.chapter-content p:first-child {
    margin-top: 0;
}