/* Контейнер страницы документа. Подключается только там, где ширину не задал
   никто другой (Elementor активен, но страницу им не строили): без него
   юридический текст растягивается во всю ширину экрана.
   Ширина приходит инлайном из настроек Elementor — здесь только раскладка. */

.pcs-document {
    max-width: var(--pcs-doc-width, 1140px);
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
}

/* Длинный сплошной текст: строка ограничена по читаемости, даже если
   контейнер шире. Заголовки и списки занимают всю ширину контейнера. */
.pcs-document > p,
.pcs-document > ul,
.pcs-document > ol {
    max-width: 80ch;
}

.pcs-document > h2 {
    margin-top: 1.8em;
}

.pcs-document > h3 {
    margin-top: 1.4em;
}

.pcs-document > ul,
.pcs-document > ol {
    padding-left: 1.4em;
}

.pcs-document > ul li,
.pcs-document > ol li {
    margin-bottom: .4em;
}

/* Оформление из «Внешний вид → Документы»: включается классом --styled,
   иначе страницу оформляет тема. :where() держит специфичность на уровне
   одного класса — выше селекторов тем по тегам, ниже их классовых правил. */
.pcs-document--styled {
    font-family: var(--pcs-doc-font, inherit);
    font-size: var(--pcs-doc-size, 16px);
    line-height: 1.7;
    color: var(--pcs-doc-text, inherit);
}

.pcs-document--styled :where(p, li, td, th, dd, dt, blockquote, span) {
    color: var(--pcs-doc-text, inherit);
    font-size: inherit;
}

.pcs-document--styled :where(h1, h2, h3, h4, h5, h6) {
    color: var(--pcs-doc-heading, inherit);
    font-family: inherit;
    line-height: 1.3;
}

.pcs-document--styled :where(a) {
    color: var(--pcs-doc-link, inherit);
}