/*
 * Оформление страниц документов (terms.html, privacy.html).
 *
 * Отдельным файлом, а не в каждой странице: документов два, и выписанный дважды набор
 * правил разъехался бы на первой же правке. Сама страница входа (index.html) свои стили
 * держит внутри - она одна и должна открываться одним запросом.
 *
 * Цвета те же, что на входе, значениями: сборки у страницы нет, токены собирать нечем.
 */
:root {
    --page: #0d1621;
    --card: #14202c;
    --raised: #223548;
    --text: #eef2f7;
    --muted: #9aa8bb;
    --line: #223548;
    --action: #5a40f9;
    --action-hover: #6c55fb;
}

* { box-sizing: border-box; }

/* Полос прокрутки не видно, как и на остальных сайтах проекта. */
* { scrollbar-width: none; }
*::-webkit-scrollbar { width: 0; height: 0; }

body {
    margin: 0;
    padding: 24px 16px 64px;
    background: var(--page);
    color: var(--text);
    font-family: 'Montserrat', system-ui, -apple-system, 'Segoe UI', sans-serif;
    font-size: 15px;
    /* Документ читают, а не разглядывают: строка не должна растягиваться на весь экран. */
    line-height: 1.65;
}

main {
    max-width: 44rem;
    margin: 0 auto;
}

.back {
    display: inline-block;
    margin-bottom: 1.5rem;
    color: var(--muted);
    font-size: 0.875rem;
    font-weight: 600;
    text-decoration: none;
}

.back:hover { color: var(--text); }

h1 {
    margin: 0 0 0.25rem;
    font-size: clamp(1.5rem, 4.5vw, 2rem);
    font-weight: 800;
    letter-spacing: 0.01em;
}

.updated {
    margin: 0 0 2rem;
    color: var(--muted);
    font-size: 0.8125rem;
}

h2 {
    margin: 2.25rem 0 0.75rem;
    font-size: 1.0625rem;
    font-weight: 800;
    color: var(--action-hover);
}

p { margin: 0 0 0.9rem; }

ul {
    margin: 0 0 0.9rem;
    padding-left: 1.25rem;
}

li { margin-bottom: 0.45rem; }

b { font-weight: 600; }

a { color: var(--action-hover); }

a:hover { color: var(--text); }

.docs-nav {
    margin-top: 2.5rem;
    padding-top: 1.25rem;
    border-top: 1px solid var(--line);
}

.docs-nav a {
    font-weight: 600;
    text-decoration: none;
}