.legal { padding-top: 120px; padding-bottom: 40px; }
.legal .doc {
    background: linear-gradient(180deg, var(--surface), var(--bg-2));
    border: 1px solid var(--border); border-radius: var(--radius);
    padding: 36px clamp(20px, 4vw, 48px); max-width: 900px; margin: 0 auto;
}
.legal h1 { font-family: var(--head); font-size: clamp(1.6rem, 4vw, 2.2rem); margin-bottom: 22px; }
.legal h2 { font-family: var(--head); font-size: 1.2rem; margin: 26px 0 10px; color: var(--accent-2); }
.legal h4 { font-weight: 500; color: var(--text); margin: 14px 0; }
.legal p { color: var(--muted); margin: 8px 0; }
.legal p span { color: var(--text); font-weight: 700; }
.legal a { color: var(--accent-2); }
.legal .back { display: inline-block; margin-bottom: 20px; color: var(--muted); }
.legal .back:hover { color: var(--accent-2); }