/* Shared by privacy.html and terms.html. index.html keeps its own inline
   styles — it is a one-screen landing page, not a document. */
:root { --bg:#FAF6F0; --surface:#FFFFFF; --border:#E8DFCC; --text:#2A241D; --muted:#6A5F50; --primary:#C97A5A; }
@media (prefers-color-scheme: dark) {
  :root { --bg:#1C1814; --surface:#261F19; --border:#3A2F26; --text:#F6EFE2; --muted:#B8AB99; --primary:#E8997A; }
}
* { box-sizing: border-box; }
body {
  margin:0; padding:28px 22px 72px; background:var(--bg); color:var(--text);
  font:16px/1.7 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
main { max-width:720px; margin:0 auto; }
.home { display:inline-flex; align-items:center; gap:8px; color:var(--muted); text-decoration:none; font-size:14px; }
.home img { width:22px; height:22px; }
h1 { font-size:30px; letter-spacing:-0.5px; margin:26px 0 6px; }
h2 { font-size:19px; letter-spacing:-0.2px; margin:38px 0 10px; }
h3 { font-size:16px; margin:24px 0 6px; }
.meta { color:var(--muted); font-size:14px; margin:0 0 8px; }
p, li { color:var(--text); }
ul { padding-left:22px; }
li { margin:6px 0; }
a { color:var(--primary); }
strong { font-weight:650; }
hr { border:none; border-top:1px solid var(--border); margin:40px 0; }
.card { background:var(--surface); border:1px solid var(--border); border-radius:14px; padding:16px 18px; margin:18px 0; }
.scroll { overflow-x:auto; -webkit-overflow-scrolling:touch; margin:18px 0; }
table { border-collapse:collapse; width:100%; min-width:520px; font-size:14.5px; }
th, td { text-align:left; padding:10px 12px; border-bottom:1px solid var(--border); vertical-align:top; }
th { color:var(--muted); font-weight:600; }
footer { margin-top:52px; color:var(--muted); font-size:14px; }
footer a { color:var(--muted); }