/* ============================================================
   legal.css — shared styling for Nexxt Site Manager policy pages
   (privacy, terms, refund, security). One file so the four pages
   stay consistent and there is no duplicated CSS to maintain.
   ============================================================ */
:root {
  --navy:#0a1628; --navy2:#0F1B2E; --gold:#C9952A;
  --border:rgba(201,149,42,.20); --text:#E8EEF5; --muted:#8BA5C0;
}
* { box-sizing:border-box; margin:0; padding:0; }
body {
  font-family:'DM Sans',-apple-system,Segoe UI,sans-serif;
  background:var(--navy); color:var(--text); line-height:1.7;
}

/* --- top nav --- */
.legal-nav {
  display:flex; justify-content:space-between; align-items:center;
  padding:16px 20px; border-bottom:1px solid var(--border);
  max-width:900px; margin:0 auto;
}
.legal-nav .logo {
  font-family:'Syne',sans-serif; font-weight:800; font-size:15px; color:var(--gold);
  text-decoration:none;
}
.legal-nav a.home { color:var(--muted); font-size:13px; text-decoration:none; }
.legal-nav a.home:hover { color:var(--gold); }

/* --- content --- */
.legal-wrap { max-width:760px; margin:0 auto; padding:36px 20px 56px; }
.legal-wrap h1 {
  font-family:'Syne',sans-serif; font-weight:800; font-size:26px;
  margin-bottom:6px; line-height:1.25;
}
.legal-wrap .updated { color:var(--muted); font-size:13px; margin-bottom:24px; }
.legal-wrap h2 {
  font-family:'Syne',sans-serif; font-weight:700; font-size:16px; color:var(--gold);
  margin:28px 0 8px;
}
.legal-wrap p { margin:8px 0; font-size:14.5px; }
.legal-wrap ul { margin:8px 0 8px 22px; }
.legal-wrap li { font-size:14.5px; margin:5px 0; }
.legal-wrap a { color:var(--gold); }
.legal-wrap strong { color:var(--text); }

/* --- callout (used for the AI disclaimer & ACL note) --- */
.callout {
  background:rgba(201,149,42,.07); border:1px solid var(--border);
  border-left:3px solid var(--gold); border-radius:8px;
  padding:14px 16px; margin:16px 0; font-size:14px;
}

/* --- footer with company details --- */
.legal-footer {
  border-top:1px solid var(--border); max-width:760px; margin:0 auto;
  padding:24px 20px 48px; color:var(--muted); font-size:12.5px; line-height:1.8;
}
.legal-footer .links { margin-bottom:12px; }
.legal-footer .links a { color:var(--muted); text-decoration:none; margin-right:14px; }
.legal-footer .links a:hover { color:var(--gold); }
.legal-footer .company strong { color:var(--text); }

@media (max-width:560px) {
  .legal-wrap h1 { font-size:22px; }
}