/* Shared minimal stylesheet for /legal/* pages.
   Kept tiny so legal pages load instantly and never block CWV. */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --teal:#28b8b8;
  --black:#080808;
  --surface:#111;
  --border:#222;
  --white:#F5F2EE;
  --muted:#999992;
}
html{scroll-behavior:smooth}
body{
  background:var(--black);
  color:var(--white);
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  font-size:16px;
  line-height:1.7;
  padding:0;
}
header.legal-nav{
  display:flex;align-items:center;justify-content:space-between;
  padding:18px 40px;border-bottom:1px solid var(--border);
  background:rgba(8,8,8,0.96);position:sticky;top:0;z-index:10;
}
header.legal-nav a.brand{
  color:var(--white);text-decoration:none;font-weight:700;letter-spacing:.04em;
  display:flex;align-items:center;gap:10px;
}
header.legal-nav a.brand img{height:28px;width:auto;filter:brightness(0) invert(1)}
header.legal-nav nav a{color:var(--muted);text-decoration:none;font-size:13px;margin-left:24px}
header.legal-nav nav a:hover{color:var(--white)}
main.legal{
  max-width:780px;margin:0 auto;padding:60px 28px 100px;
}
main.legal h1{
  font-size:36px;line-height:1.15;margin-bottom:8px;letter-spacing:-.01em;
}
main.legal .lastmod{color:var(--muted);font-size:13px;margin-bottom:36px}
main.legal h2{
  font-size:20px;margin:36px 0 12px;color:var(--teal);
  border-top:1px solid var(--border);padding-top:28px;
}
main.legal h2:first-of-type{border-top:none;padding-top:0}
main.legal h3{font-size:16px;margin:20px 0 8px}
main.legal p,main.legal li{color:#cccfc9;margin:0 0 12px}
main.legal ul,main.legal ol{padding-left:22px;margin-bottom:16px}
main.legal li{margin-bottom:6px}
main.legal a{color:var(--teal)}
main.legal strong{color:var(--white)}
main.legal address{font-style:normal;color:#cccfc9}
main.legal table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14px}
main.legal th,main.legal td{padding:10px 12px;border:1px solid var(--border);text-align:left}
main.legal th{background:var(--surface);color:var(--white)}
footer.legal-foot{
  border-top:1px solid var(--border);padding:28px 40px;color:var(--muted);
  font-size:12px;text-align:center;
}
footer.legal-foot a{color:var(--muted);margin:0 10px}
@media(max-width:640px){
  header.legal-nav{padding:14px 20px}
  header.legal-nav nav a{margin-left:14px}
  main.legal{padding:40px 20px 80px}
  main.legal h1{font-size:28px}
}