/* legal.css — shared stylesheet for standalone legal/notice pages (r5.55).
   Created for workplace-privacy-notice.html so NEW pages carry zero inline
   styles (CSP moving to enforcing; cross-cutting rule 3). privacy.html and
   terms.html still carry grandfathered <style> blocks — migrating them here
   belongs to the CSP-enforcement sweep ticket, not this release, because
   both files are byte-pinned and the sweep owns that re-pin. */
:root {
  --legal-ink: #0a2450;
  --legal-body: #2b3a55;
  --legal-muted: #61738e;
  --legal-accent: #0a9b4f;
  --legal-rule: #dde6ee;
  --legal-bg: #ffffff;
}
html { -webkit-text-size-adjust: 100%; }
body.nm-legal-page {
  margin: 0;
  background: var(--legal-bg);
  color: var(--legal-body);
  font: 16px/1.65 "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI",
        Roboto, Helvetica, Arial, sans-serif;
}
.legal-wrap {
  max-width: 760px;
  margin: 0 auto;
  padding: 48px 24px 72px;
}
.legal-wrap h1 {
  color: var(--legal-ink);
  font-family: "Plus Jakarta Sans", "Inter", sans-serif;
  font-size: 2rem;
  line-height: 1.2;
  margin: 0 0 4px;
}
.legal-wrap h2 {
  color: var(--legal-ink);
  font-size: 1.25rem;
  margin: 2em 0 0.5em;
  padding-top: 0.75em;
  border-top: 1px solid var(--legal-rule);
}
.legal-updated { color: var(--legal-muted); font-size: 0.9rem; margin: 0 0 1.5em; }
.legal-wrap ul { padding-left: 1.25em; }
.legal-wrap li { margin: 0.5em 0; }
.legal-wrap a { color: var(--legal-accent); }
.legal-footer {
  margin-top: 3em;
  padding-top: 1em;
  border-top: 1px solid var(--legal-rule);
  color: var(--legal-muted);
  font-size: 0.9rem;
}