/* ═══════════════════════════════════════════════════════════════════════
   Legal pages (privacy / terms / accessibility) — shared shell.
   Consumes tokens from /shared/cyber.css. Bilingual (EN/HE, RTL-aware).
═══════════════════════════════════════════════════════════════════════ */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
body {
  min-height: 100vh; display: flex; flex-direction: column;
  background: var(--cyber-bg, #07090f); color: var(--cyber-fg, #e8e8f0);
  font-family: var(--font-body, 'Heebo', system-ui, sans-serif);
}
.lg-nav {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: 16px 24px; border-bottom: 1px solid var(--cyber-border, rgba(255,255,255,.08));
}
/* .lg-brand is the brand mark — see the brand block in cyber.css. */
.lg-lang {
  background: transparent; border: 1px solid var(--cyber-border, rgba(255,255,255,.15));
  color: var(--cyber-fg); padding: 6px 14px; border-radius: 8px; cursor: pointer; font: inherit;
}
.lg-lang:hover { border-color: var(--cyber-accent, #0f8); color: var(--cyber-accent, #0f8); }
.lg-lang option { background: #0c0c14; color: #e8e8f0; }
.lg-main { flex: 1; width: 100%; max-width: 780px; margin: 0 auto; padding: 40px 20px 60px; }
.lg-main h1 {
  font-family: var(--font-head, inherit); font-weight: 900; font-size: 1.9rem;
  text-transform: uppercase; letter-spacing: .04em; color: var(--cyber-accent, #0f8);
  text-shadow: 0 0 14px rgba(0,255,136,.35);
}
.lg-updated { font-size: .8rem; color: var(--cyber-muted-fg, #889); margin: 8px 0 30px; }
.lg-main h2 { font-size: 1.05rem; font-weight: 800; margin: 26px 0 8px; color: var(--cyber-fg); }
.lg-main h2::before { content: '// '; color: var(--cyber-accent, #0f8); }
.lg-main p { font-size: .95rem; line-height: 1.7; color: #cfd3dc; }
.lg-contact { margin-top: 34px; padding: 14px 16px; border: 1px solid rgba(0,255,136,.3); border-radius: 10px; background: rgba(0,255,136,.05); font-size: .9rem; }
.lg-contact a { color: var(--cyber-accent, #0f8); }
.lg-footer {
  display: flex; align-items: center; justify-content: center; gap: 16px; flex-wrap: wrap;
  padding: 18px 20px; border-top: 1px solid var(--cyber-border, rgba(255,255,255,.08));
  font-size: .8rem; color: var(--cyber-muted-fg, #889);
}
.lg-footer a { color: var(--cyber-muted-fg, #889); text-decoration: none; }
.lg-footer a:hover { color: var(--cyber-accent, #0f8); }