:root { --navy: #1b2a4a; --green: #2fb67a; --muted: #5f6b7a; --line: #e6eaf0; }
body { margin: 0; background: #f7f9fb; font-family: Inter, 'Segoe UI', system-ui, sans-serif; color: #1a1f2e; line-height: 1.65; }
.legal-head { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 18px 40px; background: white; border-bottom: 1px solid var(--line); flex-wrap: wrap; }
.legal-head img { height: 34px; display: block; }
.legal-head nav { display: flex; gap: 18px; flex-wrap: wrap; } .legal-head nav a { color: var(--navy); text-decoration: none; font-size: .9rem; font-weight: 500; } .legal-head nav a:hover { color: var(--green); }
.legal-main { max-width: 860px; margin: 32px auto; background: white; border-radius: 14px; padding: 36px 44px; box-shadow: 0 10px 30px rgba(27,42,74,.06); }
.legal-main h1 { font-size: 1.8rem; letter-spacing: -.02em; color: var(--navy); margin: 0 0 4px; }
.version { color: var(--muted); font-size: .85rem; margin: 0 0 24px; }
article h2 { font-size: 1.15rem; color: var(--navy); margin: 28px 0 10px; }
article p { margin: 0 0 12px; } article .meta { color: var(--muted); font-size: .85rem; }
article ol { padding-left: 24px; margin: 0 0 14px; } article li { margin-bottom: 6px; }
article table { border-collapse: collapse; width: 100%; margin: 10px 0 18px; font-size: .9rem; } article th, article td { border: 1px solid var(--line); padding: 8px 10px; text-align: left; vertical-align: top; } article th { background: #f2f5f9; }
article blockquote { border-left: 3px solid var(--green); margin: 0 0 14px; padding: 6px 14px; background: #f3faf6; }
article a { color: var(--green); }
.legal-foot { text-align: center; color: var(--muted); font-size: .78rem; padding: 10px 20px 36px; } .legal-foot a { color: var(--green); }
@media (max-width: 640px) { .legal-main { margin: 16px; padding: 22px 18px; } .legal-head { padding: 14px 16px; } }