/* Юридические страницы 50/50. Ни сборщика, ни зависимостей: страницы должны
   открываться с любого хостинга и переживать смену фронтенда приложения.

   Токены взяты из дизайн-системы приложения (ios-native/DesignSystem/MNPalette.swift,
   тема MarketNest), чтобы страницы не выглядели чужими рядом с продуктом. */

:root {
    --bg: #fffbf5;
    --surface: #ffffff;
    --surface-alt: #faf3e8;
    --text: #1c1917;
    --subtext: #6e6761;
    --muted: #6f6862;
    --border: #e7e0d5;
    --primary: #c2410c;
    --notice-bg: #fef3c7;
    --notice-text: #92400e;

    --radius: 12px;
    --radius-lg: 20px;
    --measure: 46rem;
}

@media (prefers-color-scheme: dark) {
    :root {
        --bg: #1c1917;
        --surface: #292524;
        --surface-alt: #322d29;
        --text: #faf3e8;
        --subtext: #a8a29e;
        --muted: #9a938d;
        --border: #3a342f;
        --primary: #ea6a3a;
        --notice-bg: #3a2e12;
        --notice-text: #fde68a;
    }
}

* { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
    margin: 0;
    background: var(--bg);
    color: var(--text);
    /* Assistant — основная гарнитура продукта, она же покрывает иврит.
       Системные шрифты следом: страница обязана читаться и без загрузки. */
    font-family: "Assistant", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    font-size: 17px;
    line-height: 1.65;
}

/* Логические отступы, а не left/right: страница живёт и в RTL, и в LTR. */
.wrap {
    max-width: var(--measure);
    margin-inline: auto;
    padding-inline: 20px;
    padding-block: 32px 80px;
}

header.site {
    border-block-end: 1px solid var(--border);
    background: var(--surface);
}

header.site .wrap {
    padding-block: 16px;
    display: flex;
    gap: 16px;
    align-items: center;
    flex-wrap: wrap;
}

.brand {
    font-weight: 800;
    font-size: 20px;
    color: var(--primary);
    text-decoration: none;
    letter-spacing: -0.01em;
}

.brand span { color: var(--text); font-weight: 600; }

nav.langs { margin-inline-start: auto; display: flex; gap: 8px; }

nav.langs button {
    font: inherit;
    font-size: 15px;
    padding: 6px 14px;
    border-radius: 999px;
    border: 1px solid var(--border);
    background: var(--surface-alt);
    color: var(--text);
    cursor: pointer;
}

nav.langs button[aria-pressed="true"] {
    background: var(--primary);
    border-color: var(--primary);
    color: #fff;
}

h1 { font-size: 30px; line-height: 1.25; margin-block: 8px 4px; letter-spacing: -0.01em; }
h2 { font-size: 21px; line-height: 1.35; margin-block: 36px 8px; }
h3 { font-size: 18px; margin-block: 24px 4px; }

p, li { color: var(--text); }
li { margin-block: 6px; }
ul, ol { padding-inline-start: 22px; }

.updated { color: var(--muted); font-size: 15px; margin-block: 0 24px; }

/* Плашка «черновик». Обязана быть заметной: документ без юриста
   опубликованным считаться не может. */
.draft {
    background: var(--notice-bg);
    color: var(--notice-text);
    border-radius: var(--radius);
    padding: 14px 16px;
    margin-block: 24px;
    font-size: 15px;
}

.draft strong { font-weight: 700; }

table {
    width: 100%;
    border-collapse: collapse;
    margin-block: 16px;
    font-size: 16px;
    /* Узкие экраны: таблица прокручивается сама, страница — нет. */
    display: block;
    overflow-x: auto;
}

th, td {
    border: 1px solid var(--border);
    padding: 10px 12px;
    text-align: start;
    vertical-align: top;
}

th { background: var(--surface-alt); font-weight: 600; }

.card {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: 20px 22px;
    margin-block: 16px;
}

.card h2 { margin-block-start: 0; }

a { color: var(--primary); }

footer.site {
    border-block-start: 1px solid var(--border);
    background: var(--surface);
    color: var(--subtext);
    font-size: 15px;
}

footer.site .wrap { padding-block: 20px 28px; display: flex; gap: 18px; flex-wrap: wrap; }

footer.site a { color: var(--subtext); }

@media (max-width: 560px) {
    body { font-size: 16px; }
    h1 { font-size: 26px; }
    .wrap { padding-block-end: 56px; }
}