@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@300;400;500;600;700&family=IBM+Plex+Sans:wght@400;500;600&display=swap');

:root { --teal:#235f74; --copper:#c9873f; --paper:#f3f7f9; --ice:#e2ecf1; --blue-ice:#c3d7e0; --white:#fff; --ink:#163f4e; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin:0; background:var(--paper); color:var(--teal); font-family:"IBM Plex Sans Arabic",sans-serif; line-height:1.8; }
a { color:inherit; text-decoration:none; }
.legal-header { position:sticky; top:0; z-index:20; background:rgba(243,247,249,.92); backdrop-filter:blur(14px); border-bottom:1px solid var(--ice); }
.legal-nav { width:min(100% - 2.5rem,76rem); min-height:4.5rem; margin:auto; display:flex; align-items:center; justify-content:space-between; gap:2rem; }
.legal-logo { color:var(--teal); font-size:1.2rem; font-weight:600; direction:ltr; }
.legal-back { padding:.55rem .85rem; border:1px solid rgba(35,95,116,.24); border-radius:.55rem; font-size:.8rem; transition:.2s ease; }
.legal-back:hover { color:var(--paper); background:var(--teal); border-color:var(--teal); }
.legal-hero { background:var(--ice); border-bottom:1px solid var(--blue-ice); }
.legal-hero-inner { width:min(100% - 2.5rem,76rem); margin:auto; padding:clamp(4rem,8vw,7rem) 0 clamp(3rem,6vw,5rem); display:grid; grid-template-columns:minmax(0,1.2fr) minmax(15rem,.7fr); gap:4rem; align-items:end; }
.legal-kicker { margin:0 0 .75rem; color:var(--copper); font-size:.78rem; font-weight:600; }
h1 { margin:0; color:var(--teal); font-size:clamp(2.6rem,6vw,5.4rem); font-weight:400; line-height:1.12; letter-spacing:-.035em; }
.legal-summary { margin:0; max-width:31rem; color:#527687; font-size:1rem; }
.legal-meta { margin-top:1.25rem; font-size:.76rem; color:#6a8793; }
.legal-layout { width:min(100% - 2.5rem,76rem); margin:auto; padding:clamp(3rem,6vw,6rem) 0; display:grid; grid-template-columns:15rem minmax(0,1fr); gap:clamp(3rem,7vw,7rem); align-items:start; }
.legal-toc { position:sticky; top:6.5rem; padding:1.1rem; background:var(--white); border:1px solid var(--ice); border-radius:.85rem; }
.legal-toc strong { display:block; margin-bottom:.55rem; font-size:.78rem; }
.legal-toc a { display:block; padding:.42rem 0; color:#5e7d89; font-size:.77rem; border-bottom:1px solid rgba(226,236,241,.75); }
.legal-toc a:last-child { border:0; }
.legal-toc a:hover { color:var(--copper); }
.legal-content { max-width:48rem; }
.legal-note { margin:0 0 2rem; padding:1.2rem 1.35rem; background:var(--white); border-inline-start:3px solid var(--copper); border-radius:.25rem .75rem .75rem .25rem; font-size:.86rem; color:#476c7b; }
.legal-section { padding:0 0 2.25rem; margin:0 0 2.25rem; border-bottom:1px solid var(--ice); scroll-margin-top:7rem; }
.legal-section:last-child { border:0; }
h2 { margin:0 0 .75rem; color:var(--ink); font-size:1.3rem; font-weight:600; }
.legal-section p { margin:.55rem 0; color:#4d7180; font-size:.94rem; }
.legal-section ul { margin:.65rem 0; padding:0 1.2rem 0 0; color:#4d7180; font-size:.94rem; }
.legal-section li { margin:.35rem 0; }
.legal-placeholder { display:inline-block; padding:.05rem .4rem; background:#fff5e9; color:#9a5e20; border-radius:.25rem; font-weight:500; }
.policy-switch { background:var(--ice); border-top:1px solid var(--blue-ice); }
.policy-switch nav { width:min(100% - 2.5rem,76rem); margin:auto; padding:2.5rem 0; display:grid; grid-template-columns:repeat(4,1fr); gap:.75rem; }
.policy-switch a { padding:1rem; background:rgba(255,255,255,.7); border:1px solid transparent; border-radius:.7rem; font-size:.82rem; text-align:center; transition:.2s ease; }
.policy-switch a:hover,.policy-switch a[aria-current="page"] { background:var(--white); border-color:var(--blue-ice); }
.legal-footer { padding:1.3rem 1.25rem; background:var(--teal); color:var(--blue-ice); font-size:.72rem; text-align:center; }
@media(max-width:760px){ .legal-hero-inner{grid-template-columns:1fr;gap:1.4rem}.legal-layout{grid-template-columns:1fr;gap:2rem}.legal-toc{position:static}.policy-switch nav{grid-template-columns:1fr 1fr}h1{font-size:clamp(2.5rem,13vw,4rem)} }

/* ===========================================================
   طبقة موحّدة: نفس هيدر وفوتر الصفحة الرئيسية، منسوخة حرفيًا من
   index.html حتى تبدو كل الصفحات جزءًا من موقع واحد متصل، لا
   قالبين مختلفين. المتغيرات الإضافية هنا تكمل متغيرات :root
   الأصلية في أعلى الملف دون حذف أي منها.
   =========================================================== */
:root{
  --dominant:#e2ecf1;
  --slate:#546d79;
  --copper-text:#905f29;
  --copper-deep:#8f5722;
  --r-sm:9px;
  --rule-light:1px solid rgba(243,247,249,.20);
  --col:min(1240px, 100% - clamp(2rem, 8vw, 9rem));
}

.shell{width:var(--col);margin-inline:auto}

.skip{position:absolute;inset-inline-start:-9999px;top:0;z-index:200;padding:.7rem 1.2rem;background:var(--paper);color:var(--teal);font-weight:600;border-radius:0 0 var(--r-sm) var(--r-sm)}
.skip:focus{inset-inline-start:1.5rem}

.top{position:sticky;top:0;z-index:100;background:var(--teal);color:var(--paper)}
.top-row{height:76px;display:flex;align-items:center;gap:clamp(1.5rem,4vw,3rem)}
.top .logo{font-family:"IBM Plex Sans",sans-serif;direction:ltr;font-size:1.45rem;font-weight:600;letter-spacing:-.04em;color:var(--paper)}
.top nav{display:flex;gap:clamp(1.2rem,2.4vw,2.6rem);margin-inline-start:auto;font-size:.92rem;color:var(--blue-ice)}
.top nav a:hover{color:var(--white)}
.enter{padding:.55rem 1.1rem;border:1px solid rgba(243,247,249,.6);border-radius:var(--r-sm);font-size:.9rem;color:var(--paper)}
.enter:hover{background:var(--paper);color:var(--teal)}
.burger{display:none;width:44px;height:44px;place-items:center;border:1px solid rgba(243,247,249,.45);border-radius:var(--r-sm);background:none;color:var(--paper);cursor:pointer}
.burger i{position:relative;width:17px;height:1.5px;background:currentColor;display:block}
.burger i::before,.burger i::after{content:"";position:absolute;inset-inline-start:0;width:17px;height:1.5px;background:currentColor;transition:transform .25s,top .25s}
.burger i::before{top:-6px}.burger i::after{top:6px}
.burger[aria-expanded="true"] i{background:transparent}
.burger[aria-expanded="true"] i::before{top:0;transform:rotate(45deg)}
.burger[aria-expanded="true"] i::after{top:0;transform:rotate(-45deg)}
.drawer{display:none;background:var(--teal);border-top:var(--rule-light)}
.drawer.open{display:block}
.drawer a{display:flex;align-items:center;min-height:52px;color:var(--blue-ice);font-size:1.02rem;border-bottom:var(--rule-light)}
.drawer a:last-child{border-bottom:0;justify-content:center;margin-top:.8rem;margin-bottom:1.2rem;border:1px solid rgba(243,247,249,.5);border-radius:var(--r-sm);color:var(--paper);font-weight:600}

footer{background:var(--teal);color:var(--paper)}
.foot-main{padding-block:clamp(2.5rem,4vw,3.5rem);display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;align-items:center}
.foot-main .logo{font-family:"IBM Plex Sans",sans-serif;direction:ltr;font-size:1.45rem;font-weight:600;letter-spacing:-.04em;color:var(--paper)}
.foot-main p{color:var(--blue-ice);font-size:.82rem;margin-top:.3rem}
.foot-main nav{display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem 1.6rem;color:var(--blue-ice);font-size:.86rem}
.foot-mail{justify-self:end;direction:ltr;color:var(--blue-ice);font-size:.86rem}
.foot-legal{padding-block:1.2rem;border-top:var(--rule-light);display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;color:var(--blue-ice);font-size:.76rem}
.foot-legal nav{display:flex;flex-wrap:wrap;gap:.6rem 1.4rem}
footer a:hover{color:var(--white)}

@media (max-width:1040px){
  .top nav,.enter{display:none}
  .burger{display:grid}
}
@media (max-width:760px){
  .foot-main{grid-template-columns:1fr;gap:1.4rem;text-align:start}
  .foot-main nav{justify-content:flex-start}
  .foot-mail{justify-self:start}
}