/* Shared look for the legal pages — same palette as the landing, none of the theatrics. */
:root {
  --bg:#0B1020; --bg2:#111827; --surface:#172033;
  --purple:#8B5CF6; --purple-lt:#B9A5FD; --blue:#38BDF8;
  --text:#F8FAFC; --text2:#CBD5E1; --muted:#94A3B8;
}
* { margin:0; padding:0; box-sizing:border-box; }
body {
  background:var(--bg); color:var(--text2); line-height:1.75;
  font-family:-apple-system,"SF Pro Display","Segoe UI",Roboto,"Noto Sans Thai",sans-serif;
}
nav {
  position:sticky; top:0; z-index:10;
  background:rgba(11,16,32,.85); backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(23,32,51,.8);
}
.nav-in { max-width:760px; margin:0 auto; padding:14px 24px; display:flex; align-items:center; gap:12px; }
.nav-in img { width:30px; height:30px; border-radius:8px; }
.nav-in a.home { color:var(--text); text-decoration:none; font-weight:700; font-size:16px; }
.lang {
  margin-left:auto; cursor:pointer; border:1px solid var(--surface); background:rgba(17,24,39,.8);
  color:var(--text2); font:inherit; font-size:13px; padding:5px 13px; border-radius:99px;
}
.lang b { color:var(--purple-lt); }
main { max-width:760px; margin:0 auto; padding:48px 24px 80px; }
h1 { color:var(--text); font-size:clamp(26px,4vw,34px); letter-spacing:-.01em; line-height:1.3; }
.meta { color:var(--muted); font-size:13.5px; margin-top:10px; margin-bottom:36px; }
h2 { color:var(--text); font-size:19px; margin:34px 0 10px; }
h2::before { content:""; display:inline-block; width:10px; height:10px; border-radius:3px; background:var(--purple); margin-right:10px; }
p, li { font-size:15px; }
p + p { margin-top:10px; }
ul { padding-left:22px; margin-top:8px; }
li { margin-bottom:6px; }
b { color:var(--text); }
a { color:var(--blue); }
.callout {
  background:rgba(17,24,39,.8); border:1px solid var(--surface); border-left:4px solid var(--blue);
  border-radius:12px; padding:16px 20px; margin:22px 0; font-size:14.5px;
}
footer { border-top:1px solid var(--surface); padding:28px 24px 40px; text-align:center; color:var(--muted); font-size:13px; }
footer a { color:var(--muted); }
/* Only the active language's block is visible. */
html[data-lang="en"] [data-l="th"] { display:none; }
html[data-lang="th"] [data-l="en"] { display:none; }