/* ============================================================
   EIGEN · privacy.css
   Document styles for the privacy policy page.
   Loads on top of base.css, so it inherits every token, the nav,
   the footer and the theme toggle — no duplicated colours here.
   ============================================================ */

/* this page's nav sits in flow rather than floating over a hero */
body.doc nav{position:static;background:var(--paper);border-bottom:1px solid rgba(54,9,61,.12)}
html[data-theme="dark"] body.doc nav{background:var(--paper);border-color:rgba(199,125,255,.2)}
body.doc .nav-back{
  font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--violet);text-decoration:none;transition:color .2s;
}
body.doc .nav-back:hover{color:var(--ink)}
html[data-theme="dark"] body.doc .nav-back:hover{color:#fff}

main{max-width:760px;margin:0 auto;padding:70px clamp(20px,6vw,40px) 100px}
.doc-tag{
  font-family:var(--font-mono);font-size:12px;letter-spacing:.22em;color:var(--violet);
  text-transform:uppercase;margin-bottom:16px;
}
main h1{
  font-family:var(--font-display);font-weight:900;text-transform:uppercase;color:var(--ink);
  font-size:clamp(28px,5vw,44px);line-height:1.1;margin-bottom:10px;
}
html[data-theme="dark"] main h1{color:#fff}
.updated{font-family:var(--font-mono);font-size:12px;color:var(--muted);margin-bottom:40px}
.intro{color:var(--muted);font-size:17px;margin-bottom:44px}
main h2{
  font-family:var(--font-display);font-weight:700;font-size:19px;
  margin:44px 0 14px;color:var(--ink);text-transform:none;letter-spacing:0;
}
html[data-theme="dark"] main h2{color:#fff}
main h2 .n{color:var(--violet-bright);font-family:var(--font-mono);margin-right:10px}
main p{color:var(--muted);margin-bottom:14px;font-size:15.5px}
main ul{margin:0 0 14px 22px;color:var(--muted);font-size:15.5px}
main li{margin-bottom:8px}
main a{color:var(--violet);word-break:break-word}
main a:hover{color:var(--ink)}
html[data-theme="dark"] main a:hover{color:#fff}
.contact-card{
  background:var(--paper-tint);border:1px solid rgba(122,26,138,.2);border-radius:14px;
  padding:22px 26px;margin-top:18px;font-size:15.5px;color:var(--ink);
}
html[data-theme="dark"] .contact-card{background:var(--card);border-color:var(--card-line);color:#fff}
.contact-card b{display:block;margin-bottom:4px}
body.doc footer{justify-content:center;text-align:center}