/* ==========================================================================
   Стили юридических страниц (/privacy.html, /consent.html, /offer.html).
   Линкуется только на этих страницах, поверх main.css. Светлая секция
   (кремовый фон), документ — узкая prose-колонка.
   ========================================================================== */

.legal {
    max-width: 72ch;
    margin-inline: auto;
}

/* Заголовок документа. */
.legal h1 {
    font-family: var(--font-display);
    font-size: var(--fs-h3);
    font-weight: 500;
    line-height: var(--lh-display-loose);
    letter-spacing: var(--ls-display);
    margin-bottom: var(--space-3);
}

/* Строка «Редакция от …» под заголовком. */
.legal__updated {
    font-family: var(--font-mono);
    font-size: 0.6875rem;
    text-transform: uppercase;
    letter-spacing: var(--ls-section-num);
    color: var(--text-muted);
    margin-bottom: var(--space-7);
}

/* Нумерованные разделы документа. */
.legal h2 {
    font-family: var(--font-display);
    font-size: var(--fs-h4);
    font-weight: 500;
    line-height: var(--lh-tight);
    margin-top: var(--space-7);
    margin-bottom: var(--space-4);
}

.legal p {
    margin-bottom: var(--space-4);
    color: var(--text-primary);
}

/* reset.css обнуляет маркеры и отступы списков — возвращаем. */
.legal ol,
.legal ul {
    margin-bottom: var(--space-4);
    padding-left: 1.5em;
}

.legal ol {
    list-style: decimal;
}

.legal ul {
    list-style: disc;
}

.legal li {
    margin-bottom: var(--space-2);
}

.legal li::marker {
    color: var(--accent-grain);
}

/* Блок реквизитов в конце документа. */
.legal__requisites {
    margin-top: var(--space-6);
    padding: var(--space-5) var(--space-6);
    background: #fff;
    border: 1px solid var(--divider);
}

.legal__requisites p {
    margin-bottom: var(--space-2);
}

.legal__requisites .mono {
    font-family: var(--font-mono);
    font-size: var(--fs-mono);
}