/* Текстовые страницы — как в конструкторе: оферта, политика, заморозка,
   контакты, о нас, подписка и оплата.
   Белый разворот, простое меню строкой сверху, без шапки основного сайта.
   Значения сняты с оригинала: заголовок Raleway 24/32 вес 400,
   текст Roboto 16/24 цветом #111. */

:root {
    --ink: #111111;
    --ink-soft: rgba(17, 17, 17, .56);
    --grey: #F6F7F8;
}

body {
    background: #fff;
    color: var(--ink);
    font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
    font-size: 16px;
    line-height: 24px;
}

.doc-wrap { width: 100%; max-width: 1180px; margin: 0 auto; padding: 0 24px; }

/* Меню строкой, без плашки и без фона — как в оригинале */
.doc-nav { padding: 26px 0 0; }

.doc-nav ul {
    display: flex;
    gap: 22px;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
}

.doc-nav a { color: var(--ink); text-decoration: none; font-size: 16px; }

.doc-nav a:hover { text-decoration: underline; }

.doc { padding: 80px 0 90px; }

.doc h1, .doc h2 {
    font-family: "Raleway", sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    color: var(--ink);
    margin: 0 0 24px;
}

.doc h2 { margin-top: 48px; }

.doc p { margin: 0 0 24px; }

.doc ol, .doc ul { margin: 0 0 24px; padding-left: 20px; }

.doc li { margin-bottom: 16px; }

.doc a { color: var(--ink); }

.doc__note {
    padding: 16px 20px;
    background: var(--grey);
    border-radius: 8px;
}

/* Подвал — тот же, что на страницах интенсива, серый и негромкий */
.doc-foot {
    background: var(--grey);
    padding: 40px 0 50px;
    font-size: 15px;
    color: var(--ink-soft);
}

.doc-foot nav ul { list-style: none; margin: 0 0 20px; padding: 0; display: grid; gap: 12px; }

.doc-foot a { color: var(--ink); }

@media (min-width: 760px) {
    .doc-foot nav ul { grid-template-columns: repeat(3, max-content); gap: 14px 46px; }
}