/* Shared styles for Makhan-AI legal pages (privacy / terms / refund).
   Matches the landing page palette: warm cream + ink + amber accent. */
:root { --bg:#faf8f5; --panel:#fff; --ink:#1b1a17; --muted:#6b6862; --line:#eae6df; --accent:#a16207; --brand-gold:#c2901e; }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,sans-serif; line-height:1.7; }
a { color:var(--accent); text-decoration:none; }
a:hover { text-decoration:underline; }

.nav { border-bottom:1px solid var(--line); background:var(--bg); position:sticky; top:0; }
.nav-inner { max-width:820px; margin:0 auto; padding:15px 24px; display:flex; align-items:center; justify-content:space-between; }
.brand { font-weight:800; font-size:18px; letter-spacing:-0.5px; color:var(--ink); }
.brand b { color:var(--brand-gold); }
.back-link { font-size:14px; color:var(--muted); }
.back-link:hover { color:var(--ink); text-decoration:none; }

.legal { max-width:820px; margin:0 auto; padding:40px 24px 64px; }
.crumbs { font-size:13px; color:var(--muted); margin-bottom:18px; }
.crumbs a { color:var(--muted); } .crumbs .sep { margin:0 8px; } .crumbs .here { color:var(--ink); }
.legal h1 { font-size:34px; letter-spacing:-1px; margin:0 0 6px; font-weight:800; }
.legal h2 { font-size:19px; margin:32px 0 8px; font-weight:700; }
.updated { font-size:13px; color:var(--muted); margin:0 0 26px; }
.legal p, .legal li { font-size:15px; color:#3a3833; }
.legal ul { padding-left:20px; margin:8px 0; }
.legal li { padding:2px 0; }
.callout { background:#faf0d6; border:1px solid #ecd7a0; border-radius:10px; padding:14px 16px; margin:16px 0; }
.callout b { color:var(--accent); }

.contact { margin-top:36px; padding-top:22px; border-top:1px solid var(--line); }
.contact h2 { margin-top:0; }
.addr { color:var(--muted); font-size:14px; }

.legal-footer { border-top:1px solid var(--line); }
.legal-footer-inner { max-width:820px; margin:0 auto; padding:22px 24px; display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; font-size:13px; color:var(--muted); }
.legal-footer .links a { color:var(--muted); margin-left:16px; }
.legal-footer .links a:hover { color:var(--ink); }
@media (max-width:520px) { .legal-footer .links a { margin:0 16px 0 0; } }