/* /privacy and /terms — the mobile app's legal documents, set as plain text.
   Loaded only by views/legal.njk, after landing-v3.css and page.css, so it
   reuses their tokens (--ek-*) and never restyles a selector the landing page
   uses. Logical properties throughout: the same rules serve the RTL and LTR
   pages. */

/* Sits under the fixed header (80px, 72px at <=767px). */
.lgl-bar{height:80px;background:#0D0917}

.lgl{padding:48px 0 88px}
.lgl-in{max-width:820px;overflow-wrap:break-word}
.lgl h1{font-size:clamp(28px,3vw,38px);line-height:1.3;margin:0 0 8px}
.lgl-date{margin:0 0 28px;font-size:15px;color:var(--ek-muted)}
.lgl h2{margin:36px 0 12px;font-size:clamp(19px,1.8vw,22px);line-height:1.45;scroll-margin-top:100px}
.lgl p,.lgl li{font-size:16.5px;line-height:1.85;color:var(--ek-body)}
.lgl p{margin:0 0 14px}
.lgl ul{margin:0 0 14px;padding-inline-start:24px;list-style:disc}
.lgl li{margin-bottom:6px}
.lgl b{font-weight:600;color:var(--ek-ink)}
.lgl a{text-decoration:underline;text-underline-offset:3px}
/* Emails and URLs are Latin runs inside Arabic sentences. */
.lgl a[href^="mailto:"],.lgl a[href^="http"]{unicode-bidi:isolate}
.lgl-see{margin-top:40px!important;padding-top:20px;border-top:1px solid var(--ek-line)}

@media (max-width:767px){
  .lgl-bar{height:72px}
  .lgl{padding:32px 0 64px}
  .lgl p,.lgl li{font-size:16px;line-height:1.8}
}