/* Shared styling for Sehti and Me legal pages — matches the app/site identity */
@font-face{font-family:'Alexandria';src:url('assets/fonts/alexandria-arabic-800-normal.woff2') format('woff2');font-weight:800;font-display:swap}
@font-face{font-family:'Alexandria';src:url('assets/fonts/alexandria-arabic-700-normal.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Almarai';src:url('assets/fonts/almarai-arabic-400-normal.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Almarai';src:url('assets/fonts/almarai-arabic-700-normal.woff2') format('woff2');font-weight:700;font-display:swap}

:root{
  --bg:#faf6ec; --ink:#243128; --muted:#5c6b60;
  --brand:#1b5540; --brand-2:#2e6b4f; --gold:#8a6a22;
  --card:#ffffff; --line:#e7ddc6;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);
  font-family:'Almarai','Segoe UI',Tahoma,Arial,sans-serif;line-height:1.85;font-size:16px}

/* header */
.lg-head{position:sticky;top:0;z-index:10;background:rgba(250,246,236,.92);
  backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.lg-head-in{max-width:880px;margin:auto;padding:12px 18px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.lg-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--brand);font-weight:800}
.lg-brand img{width:38px;height:38px;border-radius:50%;background:#faf5ec;padding:2px;box-shadow:0 1px 4px rgba(0,0,0,.08)}
.lg-brand span{font-family:'Alexandria',sans-serif;font-size:18px;line-height:1.1}
.lg-brand small{display:block;font-family:'Alexandria',sans-serif;font-weight:700;font-size:8.5px;letter-spacing:.22em;color:var(--brand-2);opacity:.75}
.lg-spacer{flex:1}
.lg-nav{display:flex;gap:8px;align-items:center}
.lg-nav a{color:var(--brand);text-decoration:none;font-weight:700;font-size:14px;padding:6px 10px;border-radius:10px}
.lg-nav a:hover{background:rgba(27,85,64,.08)}
.lg-toggle{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden}
.lg-toggle button{border:0;background:transparent;color:var(--brand);font:inherit;font-weight:700;font-size:13px;
  padding:6px 14px;cursor:pointer}
.lg-toggle button[aria-pressed="true"]{background:var(--brand);color:#fff}

/* content */
main{max-width:820px;margin:0 auto;padding:30px 18px 60px}
.lg-title{font-family:'Alexandria',sans-serif;font-weight:800;color:var(--brand);
  font-size:clamp(26px,5vw,36px);line-height:1.25;margin:6px 0 4px}
.lg-ver{color:var(--muted);font-size:14px;margin:0 0 22px}
.lg-intro{background:linear-gradient(135deg,#1b5540,#2e6b4f);color:#fff;border-radius:18px;
  padding:20px 22px;margin-bottom:22px;font-weight:700}
.lg-card{background:var(--card);border:1px solid var(--line);border-radius:16px;
  padding:20px 22px;margin:14px 0;box-shadow:0 6px 20px -16px rgba(0,0,0,.25)}
.lg-card h2{font-family:'Alexandria',sans-serif;font-weight:800;color:var(--brand);font-size:19px;margin:0}
.lg-card h2::after{content:"";display:block;width:34px;height:3px;border-radius:3px;background:var(--gold);margin:9px 0 12px}
.lg-card p{margin:0;color:#33413a}
.lg-note{color:var(--muted);font-size:13.5px;text-align:center;margin-top:26px}
.lg-note a{color:var(--brand)}

/* footer */
.lg-foot{border-top:1px solid var(--line);margin-top:30px}
.lg-foot-in{max-width:820px;margin:auto;padding:22px 18px;display:flex;gap:14px;flex-wrap:wrap;
  align-items:center;justify-content:space-between;color:var(--muted);font-size:14px}
.lg-foot a{color:var(--brand);text-decoration:none;font-weight:700}
.lg-foot a:hover{text-decoration:underline}

[hidden]{display:none!important}
[dir="ltr"] .lg-brand small{letter-spacing:.18em}

@media (prefers-color-scheme:dark){
  :root{--bg:#0e1712;--ink:#e7f0ea;--muted:#9fb3a6;--card:#131f19;--line:rgba(255,255,255,.08);--brand:#7fb79c;--brand-2:#9ac4aa;--gold:#c9a24a}
  .lg-head{background:rgba(14,23,18,.9)}
  .lg-brand img{background:#faf5ec}
  .lg-card p{color:#cfe0d6}
  .lg-intro{background:linear-gradient(135deg,#12281e,#173a2a)}
}