/* Shared styles for VersAIt text pages (privacy, terms, support, 404). */
:root{
  --bg:#0b0d24;--violet-soft:#b9a4ff;--red:#ff4d4d;--btn:#d8323c;--btn-hover:#e5404a;
  --text:#fff;--text-2:rgba(255,255,255,.8);--text-3:rgba(255,255,255,.62);
  --glass:rgba(255,255,255,.06);--hair:rgba(255,255,255,.14);--gutter:16px;
  --font:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --display:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;overflow-x:hidden;color:var(--text);font-family:var(--font);font-size:17px;line-height:1.65;
  -webkit-font-smoothing:antialiased;background:var(--bg);
  background-image:radial-gradient(60vmax 45vmax at 0% 0%,#2a1b5e 0%,transparent 60%),
    radial-gradient(60vmax 50vmax at 100% 100%,rgba(168,53,46,.55) 0%,transparent 60%);
  background-attachment:fixed}
a{color:var(--violet-soft);text-underline-offset:3px}
a:hover{color:#fff}
:focus-visible{outline:3px solid #fff;outline-offset:3px;border-radius:6px}
.skip{position:absolute;left:-9999px;top:8px;background:#fff;color:#000;padding:8px 14px;border-radius:10px;font-weight:600;z-index:10}
.skip:focus{left:var(--gutter)}
.ai{color:var(--red)}
.wordmark{font-family:var(--display);font-weight:800;letter-spacing:-.03em;color:#fff;text-decoration:none;font-size:22px}
header,main,footer{max-width:760px;margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter)}
header{display:flex;align-items:center;justify-content:space-between;gap:12px;height:64px}
header a.back{color:var(--text-2);text-decoration:none;font-size:15px}
header a.back:hover{color:#fff}
main{padding-top:24px;padding-bottom:48px}
h1{font-family:var(--display);font-size:clamp(34px,7vw,48px);line-height:1.1;letter-spacing:-.03em;margin:16px 0 8px}
h2{font-family:var(--display);font-size:22px;letter-spacing:-.01em;line-height:1.3;margin:36px 0 10px}
h3{font-size:18px;margin:24px 0 6px}
p,li{color:var(--text-2)}
ul{padding-left:1.3em}
li{margin:6px 0}
strong{color:#fff}
.meta{color:var(--text-3);font-size:15px;margin:0 0 24px}
.card{background:var(--glass);border:1px solid var(--hair);border-radius:20px;padding:20px 22px;margin:20px 0;
  -webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
.card p:last-child{margin-bottom:0}
kbd{font-family:var(--font);font-size:.9em;font-weight:600;color:#fff;background:rgba(255,255,255,.12);border:1px solid var(--hair);
  border-bottom-width:2px;border-radius:7px;padding:1px 7px;white-space:nowrap}
details{border-bottom:1px solid var(--hair)}
details:first-of-type{border-top:1px solid var(--hair)}
summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px 0;font-weight:650;color:#fff}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font-size:24px;font-weight:300;line-height:1;color:var(--text-3)}
details[open] summary::after{content:"\2212"}
details > div{padding:0 0 18px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 24px;border-radius:999px;
  font-weight:650;font-size:16px;text-decoration:none;background:var(--btn);color:#fff;box-shadow:0 8px 30px rgba(216,50,60,.3)}
.btn:hover{background:var(--btn-hover);color:#fff}
footer{padding-top:28px;padding-bottom:40px;border-top:1px solid rgba(255,255,255,.08);color:var(--text-3);font-size:15px}
footer ul{list-style:none;padding:0;margin:0 0 12px;display:flex;flex-wrap:wrap;gap:8px 20px}
footer a{color:var(--text-2);text-decoration:none}
footer a:hover{color:#fff;text-decoration:underline}
@media (min-width:720px){:root{--gutter:24px}}
@media (prefers-reduced-transparency:reduce){.card{-webkit-backdrop-filter:none;backdrop-filter:none;background:#1a1b3d}}