/* Pagine legali (privacy, termini, elimina-account) al design system del sito.
   Caricato DOPO lo <style> inline (Bricolage) e i font self-hosted, quindi vince.
   Cormorant per i titoli, Plus Jakarta per il testo, terracotta come unico accento. */
:root {
  --terra-050: #FBE5DE; --terra-500: #9D3A24; --terra-700: #6A1E0D;
  --ink-900: #1C1B1B; --ink-700: #2E3038; --ink-600: #57423D; --ink-500: #6E5A54; --ink-400: #6E6963;
  --bg: #FCF9F8; --surface: #FFFFFF; --line: #EAE3E0; --line-strong: #DDC0BA;
  --font-sans: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-display: 'Cormorant', Georgia, 'Times New Roman', serif;
}
body { font-family: var(--font-sans); background: var(--bg); color: var(--ink-900); line-height: 1.7; }

/* Header brandizzato, sobrio (pagina utility): wordmark Cormorant + back link */
.nav { background: rgba(252, 249, 248, 0.92); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--line); }
.nav-back { color: var(--ink-500); font: 500 13px/1 var(--font-sans); }
.nav-back:hover { color: var(--terra-500); }
.nav-sep { background: var(--line); }
.wordmark { font-family: var(--font-display); font-weight: 400; font-size: 22px;
  letter-spacing: 0.10em; color: var(--ink-900); }
.wordmark em { color: var(--terra-500); font-style: normal; }

/* Documento */
.wrap { max-width: 720px; }
.doc-label { font: 600 var(--fs, 11px)/1 var(--font-sans); font-size: 11px; letter-spacing: 0.12em;
  text-transform: uppercase; color: var(--terra-500); }
h1 { font-family: var(--font-display); font-weight: 400;
  font-size: clamp(2rem, 1.4rem + 2.4vw, 3rem); letter-spacing: -0.03em; line-height: 1.08;
  color: var(--ink-900); }
.doc-meta { color: var(--ink-400); border-bottom: 1px solid var(--line); }
h2 { font-family: var(--font-display); font-weight: 600; font-size: 1.6rem; letter-spacing: -0.015em;
  line-height: 1.2; color: var(--ink-900); margin: 2em 0 0.5em; }
h3 { font-family: var(--font-display); font-weight: 600; font-size: 1.28rem; letter-spacing: -0.01em;
  color: var(--ink-900); margin: 1.5em 0 0.4em; }
p { font-family: var(--font-sans); font-size: 1.0625rem; line-height: 1.75; color: var(--ink-700); }
ul { padding-left: 1.35em; }
li { font-family: var(--font-sans); font-size: 1.0625rem; line-height: 1.7; color: var(--ink-700); }
li::marker { color: var(--terra-300, #E08066); }
a { color: var(--terra-500); text-decoration: none; }
a:hover { color: var(--terra-700); text-decoration: underline; text-underline-offset: 2px; }
.highlight { background: var(--terra-050); border: 1px solid var(--line-strong);
  border-radius: 14px; padding: 18px 22px; }
.highlight p { color: var(--ink-600); }