/* Shared light-theme styles for Bot-Thai legal/info pages */
:root{
  --bt:#16a34a; --bt2:#22c55e; --sky2:#0ea5e9;
  --ink:#0f172a; --mute:#64748b; --soft:#dcfce7;
  --line:rgba(15,23,42,.08);
}
*{box-sizing:border-box}
body{
  margin:0;
  font-family:"Inter","Kanit",system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  color:var(--ink); line-height:1.75;
  background:
    radial-gradient(50rem 36rem at 100% -10%, rgba(34,197,94,.12), transparent 60%),
    radial-gradient(40rem 30rem at -10% 30%, rgba(14,165,233,.10), transparent 60%),
    linear-gradient(180deg,#f0fdf4 0%, #f8fafc 60%, #ffffff 100%);
  min-height:100vh;
}
.legal-wrap{max-width:880px;margin:40px auto 80px;padding:0 24px}
.legal-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:24px;
  padding:40px 44px;
  box-shadow:0 18px 40px rgba(15,23,42,.06), 0 4px 14px rgba(15,23,42,.03);
}
@media(max-width:640px){ .legal-card{padding:28px 22px;border-radius:18px} }
.legal-card h1{
  font-family:"Kanit","Inter",sans-serif;
  font-size:32px; font-weight:800; margin:0 0 8px;
  background:linear-gradient(135deg,#16a34a,#0ea5e9);
  -webkit-background-clip:text; background-clip:text; color:transparent;
  text-align:center;
}
.legal-card h2{
  font-family:"Kanit","Inter",sans-serif;
  color:var(--ink); font-size:20px; font-weight:700;
  margin:32px 0 10px; padding-top:6px;
  border-top:1px solid var(--line);
}
.legal-card h2:first-of-type{ border-top:none; margin-top:18px; padding-top:0; }
.legal-card p{ margin:.6rem 0; color:#334155 }
.legal-card ul, .legal-card ol{ padding-left:1.4rem; margin:.6rem 0 }
.legal-card li{ margin:.35rem 0; color:#334155 }
.legal-card strong{ color:var(--ink); font-weight:700 }
.legal-card a{ color:var(--bt); text-decoration:none; font-weight:600 }
.legal-card a:hover{ text-decoration:underline; color:#15803d }
.legal-card code{
  background:#f1f5f9; padding:2px 6px; border-radius:6px;
  color:#0f172a; font-size:.92em; border:1px solid var(--line);
}
.legal-meta{
  display:inline-flex; align-items:center; gap:8px;
  padding:6px 14px; border-radius:9999px;
  background:var(--soft); color:#15803d;
  font-size:12px; font-weight:700; margin:0 auto 16px;
}
.legal-meta-wrap{ text-align:center; margin-bottom:8px }
.muted{ color:var(--mute) }
.legal-back{
  display:inline-flex; align-items:center; gap:6px;
  margin-top:32px; padding:10px 18px;
  background:#fff; border:1.5px solid var(--line);
  border-radius:9999px; color:var(--ink);
  font-weight:700; font-size:14px; text-decoration:none;
  transition:all .2s;
}
.legal-back:hover{ border-color:var(--bt); color:var(--bt); background:var(--soft) }