/* Nexus Mappa — Legal pages styles */
:root{
  --bg:#ffffff;
  --fg:#0f172a;
  --muted:#475569;
  --primary:#10B981;
  --surface:#f8fafc;
  --card:#ffffff;
  --border:#e5e7eb;
}

html,body{height:100%}
html{scroll-behavior:smooth; background:linear-gradient(180deg,#f7fffb 0%, #ffffff 50%, #f7fffb 100%)}
body{
  margin:0;
  color:var(--fg);
  background:linear-gradient(180deg,#f7fffb 0%, #ffffff 50%, #f7fffb 100%);
  font:16px/1.6 system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, 'Helvetica Neue', Arial;
}

/* Layout */
header, main, footer{ margin:24px auto; padding:0 20px; max-width:920px; }
main{ background:var(--card); border:1px solid var(--border); border-radius:16px; padding:24px; }

/* Typography */
h1{ font-size:32px; margin:0 0 6px; letter-spacing:.2px }
h2{ font-size:22px; margin:26px 0 10px; }
p{ margin:12px 0; }
ul{ padding-left:22px; margin:8px 0; }
.small{ font-size:12px; }
.muted{ color:var(--muted); }

/* Links */
a{ color:#0d6efd; text-decoration:none }
a:hover{ text-decoration:underline }
nav a{ display:inline-block; padding:6px 0 }

/* Back link chip */
nav a[href="/"]{ color:var(--fg); background:rgba(16,185,129,.08); border:1px solid var(--border); border-radius:999px; padding:6px 10px }
nav a[href="/"]:hover{ text-decoration:none; background:rgba(16,185,129,.12) }

/* Sections separators */
main h2{ position:relative }
main h2::after{
  content:""; display:block; height:1px; background:var(--border); margin-top:10px;
}

/* Footer */
footer{ color:var(--muted); font-size:14px; text-align:left }

/* Accessibility */
:focus-visible{ outline:3px solid rgba(13,110,253,.35); outline-offset:2px }
@media (prefers-reduced-motion: reduce){ html{ scroll-behavior:auto } }