/*
====================================================================

Текстовая страница (page-templates/page-text.php)

Нейтральная правовая/текстовая страница переменной длины: заголовок
display и контент Gutenberg на типографских ролях в узкой ленте
min(90vw, 1200px). Каркас секций главной не используется — он
рассчитан под блок-на-экран и раздувает пустое место у длинного текста.

Клиренс под фиксированным навбаром даёт общий механизм
#content / .dd-breadcrumbs (components.css), здесь не дублируется.

====================================================================
*/


.dd-page-text__inner {
    width: 100%;
    padding: 0 20px;
    margin: 0 auto;
}

@media (min-width: 769px) {

    .dd-page-text__inner {
        width: min(90vw, 1200px);
        padding: 0;
    }

}


/* ================================================================
   Заголовок
   ================================================================ */

.dd-page-text__header {
    padding: clamp(24px, 4vw, 40px) 0 clamp(20px, 3vw, 32px);
    background: var(--dd-background);
}

.dd-page-text__title {
    margin: 0;
    color: var(--dd-primary);
    text-align: center;
}


/* ================================================================
   Контент (Gutenberg the_content)
   ================================================================ */

.dd-page-text__content {
    padding-bottom: clamp(40px, 6vw, 72px);
    background: var(--dd-background);
}

.dd-page-text__content > .dd-page-text__inner > :first-child {
    margin-top: 0;
}

.dd-page-text__content > .dd-page-text__inner > :last-child {
    margin-bottom: 0;
}

/* Роль title (размер задан глобально теговым h2): тизовый цвет,
   отступы и scroll-margin под якоря (перекрытие фиксированным навбаром). */
.dd-page-text__content h2 {
    margin: 1.6em 0 .7em;
    color: var(--dd-primary);
    scroll-margin-top: 100px;
}

/* Роль card-title. */
.dd-page-text__content h3 {
    margin: 1.2em 0 .6em;
    color: var(--dd-text);
}

.dd-page-text__content p,
.dd-page-text__content li {
    font-size: var(--dd-card-text);
    line-height: var(--dd-card-text-lh);
}

.dd-page-text__content p,
.dd-page-text__content ul,
.dd-page-text__content ol {
    margin: 0 0 1.1em;
}

.dd-page-text__content ul,
.dd-page-text__content ol {
    padding-left: 1.6em;
}

.dd-page-text__content li {
    margin: 0 0 .5em;
}

.dd-page-text__content a {
    color: var(--dd-primary);
}

.dd-page-text__content a:hover,
.dd-page-text__content a:focus-visible {
    color: var(--dd-accent);
}


/* ----------------------------------------------------------------
   Таблицы — как на странице услуги (service.css): тизовая шапка,
   зебра строк, горизонтальный скролл на мобильном, border:0 гасит
   тёмные вертикальные линии ядра WP.
   ---------------------------------------------------------------- */

.dd-page-text__content .wp-block-table {
    margin: 0 0 1.5em;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.dd-page-text__content .wp-block-table table {
    width: 100%;
    min-width: 480px;
    border-collapse: collapse;
    font-size: var(--dd-card-text);
}

.dd-page-text__content .wp-block-table th,
.dd-page-text__content .wp-block-table td {
    padding: 12px 16px;

    border: 0;
    border-bottom: 1px solid var(--dd-primary-grey);
    text-align: left;
}

.dd-page-text__content .wp-block-table thead th {
    color: var(--dd-white);
    background: var(--dd-primary);
    font-family: var(--dd-font-ui);
    font-weight: var(--dd-font-weight-semibold);
}

.dd-page-text__content .wp-block-table tbody tr:nth-child(even) {
    background: var(--dd-primary-grey);
}