/* Shared styling for the legal pages (privacy, terms).
   Palette mirrors index.html and the Flutter app's lib/core/theme.dart. */
:root{
  --black:#0A0A0A; --white:#FAFAFA; --surface:#141414;
  --surface-variant:#1E1E1E; --accent:#E8E0D8; --muted:#666666; --border:#2A2A2A;
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,Helvetica,Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
body{
  margin:0;background:var(--black);color:var(--accent);
  font-family:var(--font);line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
.wrap{max-width:720px;margin:0 auto;padding:0 clamp(20px,5vw,32px)}

header{border-bottom:.5px solid var(--border);background:var(--black)}
.nav{display:flex;align-items:center;height:60px}
.logo{display:flex;align-items:center;gap:9px;font-weight:700;font-size:17px;
  letter-spacing:-.4px;text-decoration:none;color:var(--white)}
.logo-mark{width:26px;height:26px;border-radius:7px;background:var(--white);
  color:var(--black);display:grid;place-items:center;font-size:15px;font-weight:800}

main{padding:clamp(44px,7vw,72px) 0 clamp(56px,8vw,88px)}
h1{color:var(--white);font-size:clamp(30px,5vw,42px);line-height:1.1;
  font-weight:700;letter-spacing:-1.2px;margin:0 0 10px}
.updated{color:var(--muted);font-size:13.5px;margin:0 0 40px}
h2{color:var(--white);font-size:clamp(19px,2.6vw,23px);font-weight:600;
  letter-spacing:-.4px;margin:40px 0 12px}
p,li{font-size:15.5px}
p{margin:0 0 15px}
ul{margin:0 0 15px;padding-left:22px}
li{margin-bottom:9px}
strong{color:var(--white);font-weight:600}
a{color:var(--white);text-decoration:underline;text-underline-offset:3px}

.callout{
  border:.5px solid var(--border);background:var(--surface);
  border-radius:14px;padding:20px 22px;margin:0 0 34px;
}
.callout p{margin:0;font-size:15px}

footer{border-top:.5px solid var(--border);padding:30px 0;font-size:13px;color:var(--muted)}
.foot{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center}
.foot a{color:var(--muted);text-decoration:none;margin-right:20px}
.foot a:hover{color:var(--accent)}
:focus-visible{outline:2px solid var(--white);outline-offset:3px;border-radius:4px}