/* Юридические документы: /oferta, /privacy, /dpa.
 *
 * Отдельный файл, а не блок в landing.css: лендинг — это генерированная
 * разметка из design/Лендинг.dc.html с классами l1..l180, и дописывать в неё
 * руками нельзя — следующая выгрузка макета затрёт. Документы к макету
 * отношения не имеют и живут своей вёрсткой.
 *
 * Токены повторяют палитру лендинга (css/landing.css). Не импортируем его
 * целиком: там 180 классов лендинга, из которых документу нужен ноль. */

.dcl {
    --bg: #f6f5f3;
    --card: #fff;
    --line: #e6e3de;
    --txt: #2e2b25;
    --muted: #6b665b;
    --accent: #d43d51;
    --hdr: #26282c;

    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;
}

/* Тёмная тема. Механизм тот же, что на лендинге: body[data-theme="dark"],
   значение приходит из localStorage['dxTheme'] (см. скрипт в legal.php).
   Медиазапроса prefers-color-scheme нет намеренно — лендинг им тоже не
   пользуется, и документ, темнеющий сам по себе, расходился бы с сайтом,
   с которого на него пришли. */
body.dcl[data-theme="dark"] {
    --bg: #191b1e;
    --card: #232629;
    --line: #33373c;
    --txt: #e6e4df;
    --muted: #b0aba0;
    --accent: #e08a9c;
    --hdr: #141619;
}
body.dcl[data-theme="dark"] .dcl-doc th { background: #1f2225; }
body.dcl[data-theme="dark"] .dcl-draft {
    background: #33232a;
    border-color: #4d3540;
    color: #e8b3bf;
}
body.dcl[data-theme="dark"] .dcl-todo { background: #4a3c14; color: #f0d68a; }

.dcl a { color: var(--accent); }
.dcl a:hover { text-decoration: none; }

/* ── Шапка ── */
.dcl-top {
    background: var(--hdr);
    padding: 18px 24px;
}
.dcl-top-in {
    max-width: 880px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}
.dcl-logo {
    color: #fff;
    font-weight: 800;
    font-size: 20px;
    letter-spacing: -.4px;
    text-decoration: none;
}
.dcl-logo span { color: var(--accent); }
.dcl-back {
    color: #b9b5ac;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}
.dcl-back:hover { color: #fff; }

/* ── Полотно документа ── */
.dcl-wrap {
    max-width: 880px;
    margin: 0 auto;
    padding: 40px 24px 64px;
}
.dcl-doc {
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: 14px;
    padding: 44px 48px;
}
.dcl-doc h1 {
    margin: 0 0 6px;
    font-size: 30px;
    line-height: 1.25;
    font-weight: 800;
    letter-spacing: -.5px;
    text-wrap: balance;
}
.dcl-lead {
    margin: 0 0 4px;
    color: var(--muted);
    font-size: 15px;
}
.dcl-ver {
    margin: 0 0 28px;
    color: var(--muted);
    font-size: 14px;
}
.dcl-doc h2 {
    margin: 34px 0 12px;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -.3px;
}
.dcl-doc h3 {
    margin: 24px 0 8px;
    font-size: 16px;
    font-weight: 700;
}
.dcl-doc p { margin: 0 0 12px; }
.dcl-doc ul, .dcl-doc ol { margin: 0 0 14px; padding-left: 22px; }
.dcl-doc li { margin-bottom: 6px; }

/* Нумерация пунктов «5.3.» — руками в тексте, а не счётчиками CSS: в
   юридическом тексте на номер пункта ссылаются из других пунктов и из писем,
   и он должен быть частью текста, а не оформления (иначе не скопируется). */
.dcl-doc p.n { text-indent: 0; }
.dcl-doc p.n b { font-weight: 700; }

/* ── Таблицы (категории данных, третьи лица, сроки) ── */
.dcl-tbl-wrap { overflow-x: auto; margin: 0 0 18px; }
.dcl-doc table {
    border-collapse: collapse;
    width: 100%;
    font-size: 14.5px;
}
.dcl-doc th, .dcl-doc td {
    border: 1px solid var(--line);
    padding: 9px 12px;
    text-align: left;
    vertical-align: top;
}
.dcl-doc th {
    background: #faf9f7;
    font-weight: 700;
}

/* ── Баннер черновика ── */
.dcl-draft {
    margin: 0 0 26px;
    padding: 14px 18px;
    border: 1px solid #f0d5da;
    border-left: 4px solid var(--accent);
    border-radius: 10px;
    background: #faeef0;
    color: #8f3a49;
    font-size: 14.5px;
}
.dcl-draft b { font-weight: 800; }

/* Незаполненный реквизит внутри текста — чтобы его нельзя было проглядеть. */
.dcl-todo {
    background: #ffe9a8;
    color: #6b4e00;
    padding: 1px 6px;
    border-radius: 4px;
    font-weight: 700;
    font-size: 13.5px;
    white-space: nowrap;
}

/* ── Подвал ── */
.dcl-foot {
    max-width: 880px;
    margin: 0 auto;
    padding: 0 24px 48px;
    color: var(--muted);
    font-size: 14px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px 20px;
}
.dcl-foot a { color: var(--muted); text-decoration: none; font-weight: 600; }
.dcl-foot a:hover { color: var(--txt); }
.dcl-foot .dcl-foot-here { color: var(--txt); font-weight: 700; }

@media (max-width: 640px) {
    .dcl-doc { padding: 28px 20px; border-radius: 10px; }
    .dcl-doc h1 { font-size: 24px; }
    .dcl-wrap { padding: 24px 14px 40px; }
}

/* Печать: клиенты печатают оферту и подшивают. Убираем всё, кроме текста. */
@media print {
    .dcl-top, .dcl-foot { display: none; }
    .dcl { background: #fff; }
    .dcl-wrap { padding: 0; max-width: none; }
    .dcl-doc { border: 0; padding: 0; }
    .dcl-doc a { color: inherit; text-decoration: none; }
}