[Legal] Add Privacy, Rules, and Terms of Use pages (Persian/RTL) + footer links

Three policy pages tailored to همکادر: /Privacy (data collected, use, sharing, no Google services, cookies, security), /Rules (accurate info, allowed listings, conduct, prohibited content, verification badge meaning, reports), /Terms (intermediary nature/no employment guarantee, account terms, scraped-listing disclaimer, liability, IP, governing law = Iran). Linked from the footer; .legal long-form reading style added.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

src/JobsMedical.Web/wwwroot/css/site.css

@@ -231,6 +231,17 @@ label { font-size: 13px; }
 .site-footer { background: var(--surface); border-top: 1px solid var(--line); margin-top: 48px; padding: 28px 0; }
 .footer-inner { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 16px; }
 .footer-inner p { margin: 4px 0 0; font-size: 13px; }
+.footer-links { display: flex; flex-wrap: wrap; gap: 8px 16px; margin-bottom: 8px; }
+.footer-links a { color: var(--muted); }
+.footer-links a:hover { color: var(--primary); }
+
+/* Legal/policy pages (privacy, rules, terms) — comfortable long-form reading. */
+.legal { line-height: 2; }
+.legal h2 { font-size: 17px; margin: 22px 0 8px; color: var(--primary-dark); }
+.legal h2:first-of-type { margin-top: 4px; }
+.legal p { margin: 0 0 10px; }
+.legal ul { margin: 0 0 12px; padding-inline-start: 22px; }
+.legal li { margin-bottom: 6px; }
 .alert { padding: 12px 16px; border-radius: 10px; margin-bottom: 16px; font-weight: 600; }
 .alert-success { background: var(--primary-soft); color: var(--primary-dark); }