:root{
  --bg:#f4f4ef; --ink:#0e1216; --muted:#5b6571; --accent:#0aa66b; --border:#e3e3dc;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; background:var(--bg); color:var(--ink);
  font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  line-height:1.65; font-size:16px;
}
.legal-top{
  display:flex; align-items:center; justify-content:space-between;
  max-width:860px; margin:0 auto; padding:24px 24px 8px;
}
.legal-brand{display:flex; align-items:center; gap:10px; font-weight:700; text-decoration:none; color:var(--ink); font-size:1.05rem}
.legal-brand .dot{width:11px; height:11px; border-radius:50%; background:var(--accent); display:inline-block}
.legal-back{color:var(--muted); text-decoration:none; font-size:.9rem}
.legal-back:hover{color:var(--accent)}
main.legal{
  max-width:860px; margin:0 auto; padding:24px 24px 80px;
}
main.legal h1{font-size:2rem; line-height:1.2; margin:24px 0 8px}
main.legal h2{font-size:1.25rem; margin:34px 0 8px; padding-top:8px}
main.legal h3{font-size:1.02rem; margin:22px 0 4px}
main.legal p, main.legal li{color:#222; }
main.legal a{color:var(--accent)}
main.legal .muted{color:var(--muted)}
main.legal address{font-style:normal; margin:6px 0}
main.legal ul{padding-left:20px}
main.legal li{margin:4px 0}
.legal-updated{color:var(--muted); font-size:.9rem; margin-bottom:8px}
.legal-foot{
  max-width:860px; margin:0 auto; padding:24px; border-top:1px solid var(--border);
  display:flex; gap:18px; flex-wrap:wrap; font-size:.88rem;
}
.legal-foot a{color:var(--muted); text-decoration:none}
.legal-foot a:hover{color:var(--accent)}
@media (max-width:560px){ main.legal h1{font-size:1.6rem} }