/* ── أنماط مشتركة لصفحات فيودكس القانونية والإرشادية (RTL) ─────────────────── */
:root{
  --or:#FF5700; --pu:#3A2666; --pu2:#52388A;
  --ink:#1d1730; --muted:#6b6480; --line:#ece9f3; --bg:#fbfaff; --card:#fff;
  --grad:linear-gradient(120deg,#FF5700,#A8407E 58%,#52388A);
  --maxw:880px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'Tajawal','Segoe UI',system-ui,-apple-system,sans-serif;
  color:var(--ink);background:var(--bg);line-height:1.95;font-size:16.5px;
  -webkit-font-smoothing:antialiased}
a{color:var(--pu2);text-decoration:none}
a:hover{text-decoration:underline}

/* الشريط العلوي */
.lg-nav{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.92);
  backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.lg-nav .in{max-width:var(--maxw);margin:0 auto;display:flex;align-items:center;
  gap:12px;padding:12px 18px}
.lg-brand{display:flex;align-items:center;gap:10px}
.lg-brand img{height:34px;width:34px;border-radius:9px}
.lg-brand b{font-weight:900;font-size:1.18rem}
.lg-brand b .o{color:var(--or)}
.lg-nav .sp{flex:1}
.lg-nav .back{font-size:.92rem;color:var(--muted);border:1px solid var(--line);
  padding:7px 13px;border-radius:10px}
.lg-nav .back:hover{border-color:var(--or);color:var(--or);text-decoration:none}

/* رأس المستند */
.lg-head{background:var(--grad);color:#fff;padding:46px 18px 40px}
.lg-head .in{max-width:var(--maxw);margin:0 auto}
.lg-head .kick{font-size:.8rem;letter-spacing:1px;opacity:.85;font-weight:700}
.lg-head h1{margin:8px 0 6px;font-size:2rem;font-weight:900;line-height:1.3}
.lg-head p{margin:0;opacity:.92;font-size:1.02rem;max-width:640px}
.lg-meta{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px}
.lg-meta span{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22);
  padding:5px 12px;border-radius:999px;font-size:.82rem}

/* جسم المستند */
.lg-wrap{max-width:var(--maxw);margin:0 auto;padding:30px 18px 70px}
.lg-doc{background:var(--card);border:1px solid var(--line);border-radius:18px;
  padding:30px 30px 34px;box-shadow:0 18px 50px -34px rgba(58,38,102,.4)}
.lg-doc h2{font-size:1.32rem;margin:34px 0 10px;padding-top:8px;font-weight:900;
  color:var(--pu);scroll-margin-top:80px}
.lg-doc h2:first-child{margin-top:4px}
.lg-doc h2 .n{display:inline-block;min-width:1.7em;color:var(--or)}
.lg-doc h3{font-size:1.05rem;margin:18px 0 6px;font-weight:800;color:var(--pu2)}
.lg-doc p{margin:0 0 12px}
.lg-doc ul,.lg-doc ol{margin:0 0 14px;padding-inline-start:24px}
.lg-doc li{margin:0 0 8px}
.lg-doc strong{color:var(--pu);font-weight:800}
.lg-doc .lead{font-size:1.06rem;color:#3a3450}
.lg-hr{border:0;border-top:1px solid var(--line);margin:26px 0}

/* فهرس */
.lg-toc{background:var(--bg);border:1px solid var(--line);border-radius:14px;
  padding:16px 20px;margin:0 0 22px}
.lg-toc b{display:block;margin-bottom:8px;color:var(--pu);font-size:.95rem}
.lg-toc ol{margin:0;padding-inline-start:20px;columns:2;column-gap:26px}
.lg-toc li{margin:0 0 5px;font-size:.92rem}
@media(max-width:620px){.lg-toc ol{columns:1}}

/* صناديق ملاحظة */
.lg-note{border-radius:13px;padding:15px 18px;margin:16px 0;border:1px solid;
  font-size:.96rem;display:flex;gap:11px;align-items:flex-start}
.lg-note .ic{font-size:1.2rem;line-height:1.5;flex:none}
.lg-note.info{background:#f3f0ff;border-color:#e1d8ff}
.lg-note.warn{background:#fff6ed;border-color:#ffd9b8}
.lg-note.ok{background:#eefaf2;border-color:#c7ebd4}
.lg-note b{color:inherit}

/* جدول */
.lg-doc table{width:100%;border-collapse:collapse;margin:14px 0;font-size:.93rem}
.lg-doc th,.lg-doc td{border:1px solid var(--line);padding:9px 11px;text-align:right;
  vertical-align:top}
.lg-doc th{background:var(--bg);color:var(--pu);font-weight:800}

/* تذييل المستند + روابط متقاطعة */
.lg-foot{max-width:var(--maxw);margin:0 auto;padding:0 18px 60px}
.lg-cross{display:flex;flex-wrap:wrap;gap:10px;margin:4px 0 22px}
.lg-cross a{background:#fff;border:1px solid var(--line);border-radius:11px;
  padding:9px 15px;font-size:.9rem;font-weight:700;color:var(--pu)}
.lg-cross a:hover{border-color:var(--or);color:var(--or);text-decoration:none}
.lg-copy{color:var(--muted);font-size:.82rem;text-align:center;line-height:1.9}

/* ── أنماط إضافية للصفحات الإرشادية (guide/usage) ─────────────────────────── */
.lg-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:14px;margin:18px 0}
.lg-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px 18px}
.lg-card .e{font-size:1.5rem}
.lg-card h4{margin:8px 0 4px;font-size:1.04rem;color:var(--pu);font-weight:800}
.lg-card p{margin:0;font-size:.93rem;color:var(--muted);line-height:1.8}
.lg-steps{counter-reset:s;list-style:none;padding:0;margin:16px 0}
.lg-steps li{position:relative;padding:4px 50px 4px 0;margin:0 0 16px;min-height:34px}
.lg-steps li::before{counter-increment:s;content:counter(s);position:absolute;
  inset-inline-start:0;top:0;width:34px;height:34px;border-radius:50%;
  background:var(--grad);color:#fff;font-weight:900;display:flex;
  align-items:center;justify-content:center}
.lg-steps li b{display:block;color:var(--pu)}
.lg-do{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0}
@media(max-width:620px){.lg-do{grid-template-columns:1fr}}
.lg-do .col{border-radius:14px;padding:16px 18px;border:1px solid}
.lg-do .col.yes{background:#eefaf2;border-color:#c7ebd4}
.lg-do .col.no{background:#fdeef0;border-color:#f6cdd3}
.lg-do .col h4{margin:0 0 8px;font-size:1rem}
.lg-do .col ul{margin:0;padding-inline-start:20px;font-size:.92rem}
.lg-do .col li{margin:0 0 6px}