/* Каркас публичных страниц: документы (/oferta), новости (/news), справка (/help).
 *
 * Общее — палитра, шапка и подвал; всё, что отличает страницу, живёт в её
 * собственном файле (dc-legal.css, dc-news.css, dc-help.css). До 07.09.2026
 * общего файла не было: каждая страница несла свою копию шапки под своим
 * префиксом классов, и копии уже разъехались (разная высота шапки, разный
 * размер логотипа, разный состав подвала).
 *
 * Отдельно от landing.css намеренно: лендинг — генерированная разметка из
 * design/Лендинг.dc.html с классами l1…l180, дописывать в неё руками нельзя.
 * Токены повторяют его палитру, чтобы переход с лендинга не менял вид.
 *
 * Ширина колонки задаётся страницей через --wrap (у справки она шире).
 */
.dcp {
    --bg: #f6f5f3;
    --card: #fff;
    --line: #e6e3de;
    --txt: #2e2b25;
    --muted: #6b665b;
    --muted2: #8a8578;
    --accent: #d43d51;
    --hdr: #26282c;
    --wrap: 900px;

    margin: 0;
    background: var(--bg);
    color: var(--txt);
    font: 400 16px/1.65 Manrope, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
}

/* Тёмная тема приходит из localStorage['dxTheme'] (скрипт в view/public-top.php),
   как на лендинге. Медиазапроса prefers-color-scheme нет намеренно: страница,
   темнеющая сама по себе, расходилась бы с сайтом, с которого на неё пришли. */
body.dcp[data-theme="dark"] {
    --bg: #191b1e;
    --card: #232629;
    --line: #33373c;
    --txt: #e6e4df;
    --muted: #b0aba0;
    --muted2: #9a958a;
    --accent: #e08a9c;
    --hdr: #141619;
}

/* ── Шапка ── */
/* Селекторы шапки и подвала намеренно двойные (.dcp .dcp-…): у страницы есть
   своё правило цвета ссылок (.dcl a, .dch a — 0,1,1), и оно перебивало
   одиночный класс. Так логотип на странице документов много месяцев был
   целиком красным вместо «dx» акцентом, а «← На главную» — красной вместо
   серой; на новостях, где такого правила нет, та же шапка выглядела иначе. */
.dcp-top {
    background: var(--hdr);
    color: #fff;
}

.dcp-top-in {
    max-width: var(--wrap);
    margin: 0 auto;
    padding: 16px 22px;
    display: flex;
    align-items: center;
    gap: 16px;
}

.dcp .dcp-logo {
    font-size: 19px;
    font-weight: 800;
    color: #fff;
    text-decoration: none;
    letter-spacing: -.02em;
}

.dcp .dcp-logo span { color: var(--accent); }

.dcp .dcp-back {
    margin-left: auto;
    font-size: 14px;
    font-weight: 600;
    color: #b9bcc2;
    text-decoration: none;
}

.dcp .dcp-back:hover { color: #fff; }

/* ── Подвал ── */
.dcp-foot {
    max-width: var(--wrap);
    margin: 0 auto;
    padding: 24px 22px 48px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px 20px;
    font-size: 14px;
    color: var(--muted);
}

.dcp .dcp-foot a {
    color: var(--muted);
    text-decoration: none;
    font-weight: 600;
}

.dcp .dcp-foot a:hover { color: var(--txt); }

.dcp .dcp-foot-here {
    color: var(--txt);
    font-weight: 700;
}

/* Печать: оферту клиенты печатают и подшивают, статью справки — вешают у
   стойки. Ни шапка, ни подвал на бумаге не нужны. */
@media print {
    .dcp-top, .dcp-foot { display: none; }
    .dcp { background: #fff; }
}