/* privacy.css — Privacy Policy page.
 * Mirrors the partnerships warm-graphite register: warm ink ground lifted by
 * oxblood + gold, cream prose, gold links. Shares the canonical brand tokens.
 * CSP-clean (no inline styles). */

:root{
  --oxblood:#7A2230; --oxblood-deep:#6E1F28; --oxblood-bright:#A8333F;
  --gold:#C39A52; --gold-deep:#A87C33; --teal:#1B8A6B;
  --ink:#1A1611; --ink-2:#221C16; --ink-3:#2A231B;
  --cream:#F2EADB; --cream-soft:#CBC1AF; --muted:#9A9082; --faint:#7E7568;
  --line:rgba(247,239,226,.10); --line-strong:rgba(247,239,226,.18);
  --panel:linear-gradient(180deg,rgba(42,35,27,.82) 0%,rgba(34,28,22,.82) 100%);
  --radius:18px; --shadow:0 18px 50px rgba(0,0,0,.45);
  --font-serif:'Fraunces',Georgia,'Times New Roman',serif;
  --font-sans:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:var(--font-sans);color:var(--cream-soft);line-height:1.7;-webkit-font-smoothing:antialiased;
  min-height:100vh;
  background:
    radial-gradient(1100px 620px at 12% -8%,rgba(168,51,63,.20) 0%,transparent 60%),
    radial-gradient(900px 600px at 100% 4%,rgba(195,154,82,.12) 0%,transparent 62%),
    radial-gradient(1000px 800px at 50% 120%,rgba(27,138,107,.08) 0%,transparent 70%),
    var(--ink);
  background-attachment:fixed;}
a{color:var(--gold);text-decoration:none;border-bottom:1px solid rgba(195,154,82,.32);transition:border-color .15s,color .15s;}
a:hover{border-color:var(--gold);color:var(--gold-deep);}

/* top bar */
.bar{position:sticky;top:0;z-index:10;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  background:rgba(26,22,17,.72);border-bottom:1px solid var(--line);}
.bar-inner{max-width:820px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;}
.brandmark{display:flex;align-items:center;gap:11px;text-decoration:none;border:none;}
.brandmark svg{display:block;width:30px;height:30px;}
.brandmark span{font-family:var(--font-serif);font-size:22px;font-weight:600;letter-spacing:-.02em;color:var(--cream);}
.bar-inner a.back{font-size:14px;color:var(--cream-soft);border:none;padding:8px 14px;border:1px solid var(--line-strong);border-radius:999px;}
.bar-inner a.back:hover{color:var(--cream);border-color:var(--gold);}

/* document */
.doc{max-width:760px;margin:0 auto;padding:60px 24px 24px;}
.doc h1{font-family:var(--font-serif);font-weight:600;font-size:clamp(34px,5vw,52px);letter-spacing:-.02em;color:var(--cream);line-height:1.05;}
.updated{color:var(--muted);font-size:14px;margin-top:12px;}

.lead{background:var(--panel);border:1px solid var(--line-strong);border-radius:var(--radius);
  padding:26px 28px;margin:30px 0 10px;color:var(--cream-soft);box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.05);}
.lead strong{color:var(--gold);font-weight:600;}

.doc h2{font-family:var(--font-sans);font-weight:700;font-size:23px;letter-spacing:-.01em;color:var(--cream);margin:42px 0 12px;}
.doc h3{font-family:var(--font-sans);font-size:16px;font-weight:600;color:var(--cream);margin:24px 0 8px;}
.doc p{margin:0 0 14px;font-size:16px;color:var(--cream-soft);}
.doc ul{margin:0 0 16px;padding-left:22px;}
.doc li{margin:0 0 8px;font-size:16px;color:var(--cream-soft);}
.doc li::marker{color:var(--gold);}
.doc strong{color:var(--cream);font-weight:600;}
.doc table{width:100%;border-collapse:collapse;margin:8px 0 18px;font-size:15px;}
.doc th,.doc td{text-align:left;vertical-align:top;padding:10px 12px;border-bottom:1px solid var(--line);}
.doc th{color:var(--cream);font-weight:600;}

/* footer */
.footer-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px;margin-bottom:14px;}
.footer-nav a{font-size:13px;color:var(--muted);text-decoration:none;border:none;}
.footer-nav a:hover{color:var(--gold);text-decoration:underline;}
.page-footer{max-width:760px;margin:52px auto 0;padding:26px 24px;border-top:1px solid var(--line);text-align:center;}
.page-footer p{font-size:13px;color:var(--faint);margin:0 0 4px;}
.page-footer a{color:var(--muted);border:none;}
.page-footer a:hover{text-decoration:underline;color:var(--cream-soft);}

@media (max-width:600px){
  .doc{padding:44px 18px 16px;}
  .lead{padding:22px;}
  .bar-inner{padding:14px 18px;}
}