/* Shared style for content pages (privacy / terms / about).
   Crawlable, readable — unlike the full-screen dashboard app. */
:root{
  --bg:#0B0C0E; --card:#16181c; --border:#262930;
  --neon:#9EFF00; --white:#fff; --slate:#8A8F98;
  --font:'Inter','Noto Sans Thai',sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--white);font-family:var(--font);line-height:1.7;font-size:15px}
.wrap{max-width:760px;margin:0 auto;padding:32px 20px 80px}
header{display:flex;align-items:center;gap:8px;padding:18px 0;border-bottom:1px solid var(--border);margin-bottom:28px}
.dot{width:8px;height:8px;border-radius:50%;background:var(--neon);box-shadow:0 0 10px var(--neon)}
.brand{font-weight:800;font-size:18px;letter-spacing:-.3px}
nav{margin-left:auto;display:flex;gap:16px;font-size:13px}
nav a{color:var(--slate)} nav a:hover{color:var(--white)}
a{color:var(--neon);text-decoration:none}
h1{font-size:26px;margin-bottom:6px}
.upd{color:var(--slate);font-size:13px;margin-bottom:24px}
h2{font-size:18px;margin:26px 0 8px;color:var(--neon)}
p,li{color:#d8dadf;margin-bottom:10px}
ul{padding-left:22px}
.disc{background:var(--card);border:1px solid var(--border);border-left:3px solid var(--neon);border-radius:8px;padding:14px 16px;margin:20px 0;font-size:14px}
footer{border-top:1px solid var(--border);margin-top:48px;padding-top:18px;color:var(--slate);font-size:13px;display:flex;gap:16px;flex-wrap:wrap}
footer a{color:var(--slate)} footer a:hover{color:var(--white)}
