/* /privacy and /terms: a plain reading column in the night look (D62), the same palette and fonts as the chat page and askmongo.com. */
@font-face { font-family:"Dela Gothic One"; font-style:normal; font-weight:400; font-display:swap; src:url(/static/fonts/dela-gothic-one-latin.woff2) format("woff2"); }
@font-face { font-family:"Instrument Sans"; font-style:normal; font-weight:400 700; font-display:swap; src:url(/static/fonts/instrument-sans-latin.woff2) format("woff2"); }
:root { color-scheme:dark; --ground:#0d0a11; --rail:#120e18; --panel:#1a1522; --line:#2f2739; --line2:#3a3145; --ink:#f2ecf6; --soft:#b3a6bd; --dim:#a99bb5; --mute:#8f829c;
        --blue:#4d84ff; --violet:#a24dff; --pink:#ff3d9a; --lav:#c6aaff; --link:#7ea6ff; --display:"Dela Gothic One","Arial Black",Impact,sans-serif; }
* { box-sizing:border-box; }
body { margin:0; background:var(--ground); color:var(--soft); font:15.5px/1.6 "Instrument Sans","Helvetica Neue",system-ui,-apple-system,sans-serif; font-synthesis-weight:none; }
a { color:var(--link); } a:hover { color:#a9c3ff; }
:focus-visible { outline:2px solid var(--lav); outline-offset:3px; }
header { position:relative; background:rgba(18,14,24,.86); border-bottom:1px solid var(--line); padding:16px max(20px, calc((100% - 720px) / 2)); display:flex; align-items:center; gap:14px; }
header::after { content:""; position:absolute; left:0; right:0; bottom:-1px; height:1.5px; background:linear-gradient(100deg, var(--violet), var(--pink)); opacity:.8; }
header a { color:var(--ink); text-decoration:none; font:400 20px/1.05 var(--display); letter-spacing:.01em; text-transform:uppercase; }
header .mark { line-height:1; flex:none; } header .mark img { width:44px; height:44px; border-radius:50%; object-fit:cover; object-position:top; display:block; box-shadow:0 0 0 2px var(--lav), 0 0 22px rgba(198,170,255,.35); }
header .sub { font-size:11.5px; font-weight:500; letter-spacing:.12em; text-transform:uppercase; color:var(--dim); margin:4px 0 0; }
main { max-width:680px; margin:0 auto; padding:36px 20px 52px; }
h1 { font:400 30px/1.2 var(--display); color:var(--ink); margin:0 0 6px; letter-spacing:.01em; }
.updated { font-size:13px; color:var(--mute); margin:0 0 24px; }
h2 { font-size:17px; font-weight:600; margin:30px 0 8px; color:var(--ink); }
p, li { margin:0 0 10px; } ul { padding-left:20px; }
.her { margin:20px 0; padding:12px 16px; border-radius:14px; color:var(--ink); font:400 15px/1.4 var(--display); letter-spacing:.02em;
       border:1.5px solid transparent; background:linear-gradient(var(--panel), var(--panel)) padding-box, linear-gradient(100deg, var(--violet), var(--pink)) border-box; }
footer { text-align:center; font-size:13px; color:var(--dim); padding:18px 20px 32px; border-top:1px solid var(--line); }
footer a { color:var(--dim); }