.legal-wrap{max-width:820px;margin:32px auto;padding:0 18px;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;line-height:1.85;color:#1c1e21}
        body.dark .legal-wrap{color:#e4e6eb}
        .legal-card{background:#fff;border-radius:16px;padding:36px 32px;box-shadow:0 4px 24px rgba(0,0,0,.06);border:1px solid #e4e6eb}
        body.dark .legal-card{background:#242526;border-color:#3a3b3c}
        .legal-head{display:flex;align-items:center;gap:14px;padding-bottom:16px;margin-bottom:20px;border-bottom:1px solid #e4e6eb}
        body.dark .legal-head{border-color:#3a3b3c}
        .legal-head .icon{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,#1877f2,#42b72a);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.4rem}
        .legal-head h1{margin:0;font-size:1.6rem}
        .legal-head .sub{color:#65676b;font-size:.9rem}
        body.dark .legal-head .sub{color:#b0b3b8}
        .legal-card h2{font-size:1.15rem;margin:26px 0 10px;color:#1877f2}
        .legal-card h3{font-size:1rem;margin:18px 0 8px}
        .legal-card p, .legal-card li{font-size:.98rem}
        .legal-card ul{padding-inline-start:22px}
        .legal-back{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;color:#1877f2;text-decoration:none;font-weight:600}
        .legal-back:hover{text-decoration:underline}
        .legal-note{background:#fff3cd;border-inline-start:4px solid #ffc107;padding:12px 16px;border-radius:8px;margin:14px 0;font-size:.92rem;color:#856404}
        body.dark .legal-note{background:#3d3000;color:#ffd54f}
        .legal-footer-nav{margin-top:32px;padding-top:20px;border-top:1px solid #e4e6eb;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
        body.dark .legal-footer-nav{border-color:#3a3b3c}
        .legal-footer-nav a{color:#65676b;text-decoration:none;font-size:.88rem;padding:4px 10px;border-radius:6px}
        .legal-footer-nav a:hover{background:#f0f2f5;color:#1877f2}
        body.dark .legal-footer-nav a{color:#b0b3b8}
        body.dark .legal-footer-nav a:hover{background:#3a3b3c}
        @media(max-width:600px){.legal-card{padding:26px 18px}.legal-head{align-items:flex-start}.legal-head h1{font-size:1.3rem}}