/* Dark mode: Samsung Internet (and Chrome's auto-dark) repaint every site
   that does not declare dark support — inverting this design into dark
   parchment and unreadable dark-on-dark headings. Declaring "light dark"
   tells the browser the page handles dark mode itself, so it is shown as
   designed. Every colour on the page is set explicitly, so nothing falls back
   to a browser default either way. */
:root { color-scheme: light dark; }
@media (prefers-color-scheme: dark) { :root { color-scheme: light dark; } }

/* Shared by privacy, terms, delete-account and support.
   Same tournament-hall palette as index.html, quieter: these pages are read
   by app-store reviewers and by people who want an answer, not persuading. */
:root{
  --ground:#FAF6ED; --surface:#FFFFFF; --line:#E4DAC7; --line-soft:#EFE8DA;
  --ink:#221C12; --body:#4E4536; --muted:#8A7E69;
  --brass:#9C7413; --brass-hi:#C79A28;
}
*,*::before,*::after{box-sizing:border-box}
body{
  margin:0;background:var(--ground);color:var(--body);
  font-family:Figtree,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:17px;line-height:1.68;-webkit-font-smoothing:antialiased;
}
.wrap{max-width:780px;margin:0 auto;padding:0 24px}
a{color:var(--brass);text-underline-offset:3px}

.site-header{border-bottom:1px solid var(--line-soft);background:#FFFFFF}
.site-header .wrap{display:flex;flex-wrap:wrap;gap:16px 26px;align-items:center;
  padding-top:16px;padding-bottom:16px;max-width:1180px}
.brand{
  display:flex;align-items:center;gap:10px;font-family:Fraunces,Georgia,serif;
  font-weight:900;font-size:18px;color:var(--ink);text-decoration:none;margin-right:auto
}
.brand-mark{
  width:28px;height:28px;display:grid;place-items:center;border-radius:7px;
  background:linear-gradient(145deg,var(--brass-hi),var(--brass));color:#FFF8E6;font-size:16px
}
.site-header nav{display:flex;flex-wrap:wrap;gap:20px}
.site-header nav a{color:var(--body);text-decoration:none;font-size:15px;font-weight:500}
.site-header nav a:hover{color:var(--brass)}
.site-header nav a[aria-current="page"]{color:var(--brass);font-weight:700}

main{padding:56px 0 80px}
h1{font-family:Fraunces,Georgia,serif;font-weight:900;font-size:clamp(32px,5vw,46px);
  line-height:1.1;letter-spacing:-.02em;color:var(--ink);margin:0 0 10px}
h2{font-family:Fraunces,Georgia,serif;font-weight:700;font-size:24px;color:var(--ink);
  margin:40px 0 12px;letter-spacing:-.01em}
h3{font-family:Figtree,sans-serif;font-weight:700;font-size:18px;color:var(--ink);margin:26px 0 8px}
p,li{max-width:70ch}
p{margin:0 0 15px}
ul,ol{padding-left:22px;margin:0 0 18px}
li{margin-bottom:8px}
.updated{
  font-family:"JetBrains Mono",monospace;font-size:12px;letter-spacing:.08em;
  text-transform:uppercase;color:var(--muted);margin:0 0 36px
}
.box{
  background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--brass);
  border-radius:0 10px 10px 0;padding:18px 22px;margin:0 0 24px
}
.box p:last-child{margin-bottom:0}
table{border-collapse:collapse;width:100%;margin:0 0 24px;font-size:15.5px}
th,td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--line-soft);vertical-align:top}
th{color:var(--muted);font-family:"JetBrains Mono",monospace;font-size:11px;
  letter-spacing:.1em;text-transform:uppercase;font-weight:700}
td strong{color:var(--ink)}
.site-footer{border-top:1px solid var(--line-soft);padding:28px 0;color:var(--muted);font-size:14px}
.site-footer .wrap{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;max-width:1180px}