/*
 * LEGAL PAGE — /privacy, /terms дундын layout
 * ============================================
 * Landing-ийн CSS хувьсагчид тулгуурлана (landing-v2.css заавал өмнө ачаалагдана).
 * Хоёр хуудас нэг харагдацтай — SSOT.
 */

.lg-wrap { max-width: 760px; margin: 0 auto; padding: 140px 24px 80px; }
.lg-block { margin-top: 40px; }
.lg-block h2 {
    font-size: 15px; font-weight: 700; letter-spacing: 0.02em;
    color: var(--ink); margin-bottom: 10px;
}
.lg-block p, .lg-block li { color: var(--ink-dim); font-size: 15px; line-height: 1.7; }
.lg-block ul { list-style: none; padding: 0; margin-top: 8px; }
.lg-block li { position: relative; padding-left: 18px; margin-bottom: 6px; }
.lg-block li::before {
    content: ''; position: absolute; left: 0; top: 11px;
    width: 5px; height: 5px; border-radius: 50%; background: var(--accent);
}
.lg-block strong { color: var(--ink); font-weight: 600; }
.lg-block a { color: var(--accent); }
.lg-block a:hover { text-decoration: underline; }

/* Онцлох хэсэг (data deletion, dispute) — bento картын хэлбэрээр */
.lg-callout {
    margin-top: 40px; padding: 28px;
    background: var(--bg-3); border: 1px solid var(--line);
    border-radius: var(--radius-lg); box-shadow: var(--shadow-card);
    scroll-margin-top: 100px;
}
.lg-foot {
    margin-top: 56px; padding-top: 24px; border-top: 1px solid var(--line);
    font-size: 13px; color: var(--ink-mute);
}

/* Хэсэг хоорондын навигацийн зурвас (Table of Contents) */
.lg-toc {
    display: flex; flex-wrap: wrap; gap: 8px;
    padding: 16px 20px; margin-top: 24px;
    background: var(--bg-2); border: 1px solid var(--line);
    border-radius: var(--radius);
}
.lg-toc a {
    font-size: 12px; font-weight: 600; letter-spacing: 0.02em;
    color: var(--ink-dim); text-decoration: none;
    padding: 4px 10px; border-radius: 100px;
    border: 1px solid var(--line);
    transition: color 0.15s ease, border-color 0.15s ease, background 0.15s ease;
}
.lg-toc a:hover { color: var(--ink); border-color: var(--line-strong); background: var(--bg-3); }

@media (max-width: 720px) { .lg-wrap { padding: 110px 20px 64px; } }