/* The four public pages (privacy, terms, security and data, method and AI). One stylesheet for both directions:
   logical properties only. Tokens come from sijal-tokens.css, the brand faces from fasil-fonts.css. No external assets. */
:root{--lg-pad:24px;--lg-card:#FBF8F1}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body.lg{margin:0;background:var(--sj-charcoal);color:var(--sj-ink);font-family:var(--sj-sans);font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.lg :where(h1,h2,p,ul,ol,li,form){margin:0;padding:0}
.lg :where(ul,ol){list-style:none}
.lg [dir="ltr"]{unicode-bidi:isolate}

/* bands */
.lg-sec{padding:48px max(var(--lg-pad),env(safe-area-inset-right)) 48px max(var(--lg-pad),env(safe-area-inset-left))}
.lg-dark{background-color:var(--sj-charcoal);background-image:radial-gradient(rgba(244,238,226,.05) 1px,transparent 1.3px);background-size:14px 14px;color:var(--sj-paper)}
.lg-paper{background:var(--sj-paper);color:var(--sj-ink)}
.lg-wrap{max-width:720px;margin-inline:auto}

/* cover */
.lg-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.lg-brand{display:inline-flex;align-items:center;gap:10px;min-width:0;color:inherit;text-decoration:none}
.lg-mark{width:20px;height:30px;flex:none;display:block}
.lg-label{font-size:12px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--sj-gold)}
.lg-brand .lg-label{font-size:11px;letter-spacing:2px}
[lang="ar"] .lg-label,[lang="ar"] .lg-brand .lg-label{letter-spacing:0;text-transform:none;font-size:14px}
.lg-lang button{appearance:none;border:0;background:transparent;color:var(--sj-muted-dark);font:inherit;font-size:14px;font-weight:700;padding:10px 4px;min-height:44px;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.lg-lang button:hover{color:var(--sj-paper)}
.lg-h1{font-family:var(--sj-serif);font-weight:700;font-size:34px;line-height:1.15;margin-block-start:32px;color:var(--sj-paper)}
[lang="ar"] .lg-h1{line-height:1.35}
.lg-updated{margin-block-start:14px;font-size:14px;color:var(--sj-muted-dark)}

/* in brief */
.lg-brief{background:var(--lg-card);border:1px solid var(--sj-mb-paper);border-radius:16px;padding:24px}
.lg-label-paper{color:var(--sj-gold-text)}
.lg-brief .lg-diamonds{margin-block-start:14px}
.lg-brief .lg-diamonds li{font-size:17px}
.lg-diamonds li{position:relative;padding-inline-start:20px}
.lg-diamonds li+li{margin-block-start:8px}
.lg-diamonds li::before{content:"";position:absolute;inset-inline-start:3px;inset-block-start:.7em;width:7px;height:7px;background:var(--sj-gold);transform:rotate(45deg)}

/* on this page */
.lg-toc{margin-block-start:24px}
.lg-toc summary{font-size:14px;font-weight:700;color:var(--sj-gold-text);cursor:pointer;min-height:44px;display:flex;align-items:center;list-style:none}
.lg-toc summary::-webkit-details-marker{display:none}
.lg-toc summary::after{content:"+";margin-inline-start:8px;font-weight:400}
.lg-toc details[open] summary::after{content:"\2212"}
.lg-toc ol{margin-block-start:4px}
.lg-toc a{display:flex;gap:10px;align-items:baseline;min-height:36px;padding-block:4px;color:var(--sj-ink);text-decoration:none;font-size:15px;line-height:1.5}
.lg-toc a:hover,.lg-toc a:focus-visible{text-decoration:underline;text-underline-offset:3px}
.lg-toc .lg-n{min-width:1.6em;font-size:15px}

/* sections */
.lg-s{margin-block-start:48px;scroll-margin-block-start:16px}
.lg-h2{display:flex;gap:12px;align-items:baseline;font-family:var(--sj-serif);font-weight:700;font-size:26px;line-height:1.25;color:var(--sj-ink);padding-block-end:12px;border-block-end:1px solid var(--sj-ink);margin-block-end:20px}
[lang="ar"] .lg-h2{line-height:1.45}
.lg-n{font-family:var(--sj-serif);font-weight:700;color:var(--sj-gold-text);font-variant-numeric:lining-nums tabular-nums}
.lg-s p+p,.lg-s p+ul,.lg-s ul+p{margin-block-start:16px}
.lg-s li strong{font-weight:700}
.lg-s a{color:var(--sj-ink);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--sj-gold-deep)}
.lg-s a:hover{color:var(--sj-gold-text)}
.lg :where(a,button,summary):focus-visible{outline:2px solid var(--sj-gold-deep);outline-offset:3px;border-radius:4px}
.lg-dark :where(a,button):focus-visible{outline-color:var(--sj-gold)}

/* footer: the shared links row */
.lg-footer{padding-block:32px}
.lg-foot-links{display:flex;flex-wrap:wrap;gap:4px 24px}
.lg-foot-links a{color:var(--sj-paper);text-decoration:none;font-size:14px;min-height:44px;display:inline-flex;align-items:center}
.lg-foot-links a:hover{color:var(--sj-gold);text-decoration:underline;text-underline-offset:4px}

@media (min-width:760px){
  .lg-sec{padding-block:64px}
  .lg-h1{font-size:44px}
  .lg-brief{padding:28px 32px}
  .lg-lang button{font-size:15px}
  .lg-label,.lg-brand .lg-label{font-size:12px}
  .lg-h2{font-size:28px}
  .lg-js .lg-toc summary{display:none}
}

@media print{
  body.lg,.lg-dark,.lg-paper{background:#fff!important;color:#000!important}
  .lg-dark{background-image:none!important}
  .lg-cover{padding-block:0 16px}
  .lg-h1,.lg-updated,.lg-label{color:#000!important}
  .lg-lang,.lg-toc,.lg-footer,.lg-mark{display:none!important}
  .lg-brief{background:#fff;border-color:#000}
  .lg-h2,.lg-n{color:#000}
  .lg-s a{color:#000}
  .lg-sec{padding-inline:0}
}