/* Shared shell for Klix's legal pages — same world as the landing, quieter. */
@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;700;800&display=swap');

:root{
  --bg:#0E0910; --bg-2:#160E1A; --surface:#1B141F; --surface-2:#251C2B;
  --border:#33283A; --border-soft:#2A2030;
  --text:#FFFFFF; --muted:#B7ABC0; --dim:#7C7186;
  --coral:#FF7A45; --pink:#FF3D6E; --pink-2:#FF4E7D; --purple:#8B4DE0;
  --grad:linear-gradient(95deg,#FF7A45,#FF3D6E);
  --maxw:760px;
  --r-sm:12px; --r-md:18px; --r-lg:26px; --r-pill:999px;
  color-scheme:dark;
}
/* Klix commits to its dark nightlife world — lock the palette even if a viewer toggles light. */
:root[data-theme="light"]{color-scheme:dark}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--bg); color:var(--text);
  font-family:'Heebo',system-ui,'Arial Hebrew',sans-serif;
  direction:rtl; line-height:1.75; -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
a{color:var(--pink-2)}
:focus-visible{outline:2px solid var(--pink-2);outline-offset:3px;border-radius:6px}

/* the same ambient glow the landing opens with, dialled down */
body::before{
  content:''; position:fixed; inset:0; pointer-events:none; z-index:0;
  background:
    radial-gradient(900px 420px at 85% -10%, rgba(255,61,110,.16), transparent 60%),
    radial-gradient(700px 380px at 5% 8%, rgba(139,77,224,.14), transparent 60%);
}

.wrap{
  position:relative; z-index:1;
  max-width:var(--maxw); margin:0 auto;
  padding-inline:max(24px,env(safe-area-inset-right),env(safe-area-inset-left));
}

header.top{padding:28px 0 8px}
.brand{
  display:inline-block; font-weight:800; font-size:26px; letter-spacing:.5px;
  background:var(--grad); -webkit-background-clip:text; background-clip:text; color:transparent;
}

main{padding-bottom:64px}
h1{font-size:clamp(28px,6vw,40px); line-height:1.25; margin:24px 0 8px}
.updated{color:var(--dim); font-size:14px; margin:0 0 28px}
.lede{color:var(--muted); font-size:17px; margin:0 0 32px}

section{
  background:var(--surface); border:1px solid var(--border-soft);
  border-radius:var(--r-md); padding:22px 24px; margin-bottom:16px;
}
h2{font-size:20px; margin:0 0 10px}
h3{font-size:16px; margin:18px 0 6px; color:var(--muted)}
p{margin:0 0 12px; color:var(--muted)}
p:last-child,ul:last-child{margin-bottom:0}
ul{margin:0 0 12px; padding-inline-start:22px; color:var(--muted)}
li{margin-bottom:6px}
strong{color:var(--text); font-weight:700}

.callout{
  background:linear-gradient(135deg,rgba(255,122,69,.14),rgba(255,61,110,.10));
  border:1px solid rgba(255,61,110,.32);
}

footer{
  border-top:1px solid var(--border-soft); padding:24px 0 48px;
  display:flex; flex-wrap:wrap; gap:8px 20px; align-items:center;
}
footer nav{display:flex; flex-wrap:wrap; gap:8px 20px}
footer a{color:var(--muted); text-decoration:none}
footer a:hover{color:var(--text)}
footer .cp{color:var(--dim); font-size:14px; margin:0; flex-basis:100%}