/* Shared styles for the legal pages (privacy.html, accessibility.html). Same brand tokens as index.src.html. */
:root{
  --purple:#62446D; --night:#150D1A; --night2:#231629; --orange:#FFAE39; --muted:#CDBFD3; --line:rgba(255,255,255,.18);
  --ui:"IBM Plex Sans Hebrew","Arial Hebrew",Arial,sans-serif;
  --heavy:"Rubik","Arial Hebrew",Arial,sans-serif;
  color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--night);color:#fff;font:400 18px/1.75 var(--ui);direction:rtl;-webkit-font-smoothing:antialiased}
a{color:var(--orange);text-underline-offset:3px}
:focus-visible{outline:3px solid var(--orange);outline-offset:3px;border-radius:6px}
.skip{position:absolute;inset-inline-start:16px;top:-90px;background:var(--orange);color:var(--night);font-weight:700;padding:12px 18px;border-radius:999px;text-decoration:none}
.skip:focus{top:12px}
.wrap{max-width:780px;margin-inline:auto;padding-inline:max(18px, env(safe-area-inset-left, 0px))}
header{padding-block:26px;border-bottom:1px solid var(--line)}
header .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.lg{display:block;height:30px;color:var(--orange)}
.lg svg{display:block;height:100%;width:auto;aspect-ratio:1000/390}
header nav a{color:#fff;font-weight:600}
main{padding-block:44px 64px}
h1{font:900 clamp(40px,8vw,68px)/1 var(--heavy);letter-spacing:-.03em;margin:0 0 10px}
h1 span{color:var(--orange)}
.updated{color:var(--muted);font-size:15.5px;margin:0 0 34px}
h2{font:900 26px/1.2 var(--heavy);margin:44px 0 10px}
h3{font:700 19px/1.3 var(--ui);margin:24px 0 6px}
p{margin:0 0 14px}
ul{margin:0 0 14px;padding-inline-start:22px}
li{margin-bottom:8px}
.ltr{direction:ltr;unicode-bidi:isolate}
.box{background:rgba(255,255,255,.07);border:1px solid var(--line);border-radius:20px;padding:20px 24px;margin:18px 0}
.box p:last-child,.box ul:last-child{margin-bottom:0}
mark.todo{background:var(--orange);color:var(--night);font-weight:700;padding:1px 6px;border-radius:6px}
footer{border-top:1px solid var(--line);padding-block:24px 40px;color:var(--muted);font-size:15px}
footer .wrap{display:flex;flex-wrap:wrap;gap:8px 22px}
footer a{color:var(--muted)}