/* Standalone legal pages. Kept separate from index.html so Meta App Review,
   Google OAuth verification and any crawler have a plain URL to fetch. */
:root{
  --ink:#0f172a; --mut:#5b6678; --line:#dfe4ec; --tint:#f4f6fa;
  --blue:#2b63e6; --bg:#ffffff; --edge:rgba(255,255,255,.7);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--tint); color:var(--ink);
  font-family:'Geist',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  font-size:16px; line-height:1.65; -webkit-font-smoothing:antialiased;
}
a{color:var(--blue)}
.nav{
  background:var(--bg); border-bottom:1px solid var(--line);
  padding:16px 24px; display:flex; align-items:center; justify-content:space-between;
  gap:16px; flex-wrap:wrap; position:sticky; top:0; z-index:5;
}
.brand{display:flex; align-items:center; gap:10px; font-weight:800; font-size:19px; letter-spacing:-.02em}
.brand span{color:var(--blue)}
.mark{width:32px;height:32px;border-radius:8px;background:var(--blue);display:grid;place-items:center;color:#fff;font-weight:800;font-size:16px;flex:none}
.back{
  color:var(--ink); text-decoration:none; font-weight:600; font-size:14px;
  border:1px solid var(--line); border-radius:9px; padding:9px 16px; background:var(--bg);
}
.back:hover{background:var(--tint)}
.wrap{max-width:780px; margin:0 auto; padding:40px 16px 80px}
.card{
  background:var(--bg); border:1px solid var(--line); border-radius:16px;
  padding:clamp(24px,5vw,52px);
  box-shadow:0 1px 0 var(--edge) inset, 0 10px 30px rgba(15,23,42,.05);
}
h1{font-size:clamp(28px,5vw,38px); line-height:1.15; letter-spacing:-.03em; margin:0 0 8px}
.date{color:var(--mut); font-size:14px; margin:0 0 32px; padding-bottom:24px; border-bottom:1px solid var(--line)}
h2{font-size:19px; letter-spacing:-.02em; margin:34px 0 10px}
h2:first-of-type{margin-top:0}
p{margin:0 0 14px; color:#28303f}
ol,ul{margin:0 0 14px; padding-left:22px; color:#28303f}
li{margin-bottom:8px}
.note{
  background:var(--tint); border:1px solid var(--line); border-left:3px solid var(--blue);
  border-radius:10px; padding:14px 18px; margin:16px 0;
}
.note p:last-child{margin:0}
.foot{
  max-width:780px; margin:0 auto; padding:0 16px 48px;
  color:var(--mut); font-size:13px; display:flex; gap:18px; flex-wrap:wrap;
}
.foot a{color:var(--mut)}
@media (prefers-color-scheme:dark){
  :root{--ink:#e8ecf4; --mut:#93a0b5; --line:#242d3d; --tint:#0b0f16; --bg:#121826; --edge:rgba(255,255,255,.05)}
  p,ol,ul{color:#c3cbda}
}