/* Inner pages (legal, sectors, free store, partners): the zo.sa theme in the platform colours */
@import url("fonts/thmanyah.css");
:root{
  --brand:#3F72AF;--canvas:#F9F7F7;--ink:#112D4E;--mist:#DBE2EF;--white:#fff;
  --paper-soft:#F7F9FC;--surface:#EEF2F8;
  --ink-soft:rgba(17,45,78,.72);--ink-mute:rgba(17,45,78,.55);--ink-faint:rgba(17,45,78,.45);
  --line:rgba(17,45,78,.12);--line-strong:rgba(17,45,78,.25);
  --accent-soft:rgba(63,114,175,.10);--accent-ink:#1C3D66;
  --ease:cubic-bezier(.22,1,.36,1)
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--white);color:var(--ink-soft);font-family:"Thmanyah Sans",Tahoma,Arial,sans-serif;font-size:17px;line-height:1.9;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;z-index:-1;width:560px;height:560px;border-radius:50%;filter:blur(80px);opacity:.45;inset-inline-start:-180px;top:-220px;background:radial-gradient(circle,rgba(107,152,201,.55),transparent 65%);pointer-events:none}
h1,h2,h3{font-feature-settings:"ss01" 1}
a{color:var(--brand)}

/* header: a floating frosted pill, logo first, links at the end */
header{position:sticky;top:0;z-index:20;padding:12px 16px 0;background:transparent;border:0}
header .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1200px;margin:0 auto;padding:10px 12px 10px 26px;border-radius:999px;
  background:linear-gradient(270deg,rgba(255,255,255,.72),rgba(255,255,255,.95));border:1px solid rgba(255,255,255,.7);
  box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 0 0 1px rgba(17,45,78,.08),0 16px 40px -14px rgba(17,45,78,.3);
  -webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%)}
[dir="rtl"] header .wrap{padding:10px 26px 10px 12px}
header img{height:28px;width:auto;display:block}
header nav{display:flex;align-items:center;gap:6px}
header nav a{margin:0;padding:8px 14px;border-radius:999px;font-size:15px;font-weight:500;color:var(--ink-soft);text-decoration:none;white-space:nowrap;transition:color .25s var(--ease),background .25s var(--ease)}
header nav a:hover{color:var(--ink);background:rgba(17,45,78,.05)}
header nav a:last-child{background:var(--ink);color:#fff;padding:10px 20px;font-weight:600}
header nav a:last-child:hover{background:var(--ink);color:#fff;box-shadow:0 14px 34px rgba(17,45,78,.18)}

main{max-width:900px;margin:0 auto;padding:56px 20px 72px}
article{background:var(--white);border:1px solid var(--line);border-radius:26px;padding:clamp(26px,4vw,48px)}
h1{color:var(--ink);font-size:clamp(1.9rem,1.3rem + 2vw,2.8rem);font-weight:700;line-height:1.25;letter-spacing:-.3px;margin:0 0 10px}
.meta{color:var(--ink-mute);font-size:14px;margin:0 0 28px}
h2{color:var(--ink);font-size:clamp(1.25rem,1.1rem + .5vw,1.5rem);font-weight:700;line-height:1.35;margin:36px 0 10px}
h3{color:var(--ink);font-size:1.1rem;margin:22px 0 6px}
p,li{margin:0 0 10px}
ol,ul{padding-inline-start:22px}
.toc{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px 20px;margin:0 0 24px;font-size:15px}
.toc a{text-decoration:none}
.toc li{margin:2px 0}

/* footer: the zo.sa footer bar */
footer{max-width:1200px;margin:0 auto;padding:26px 24px 40px;border-top:1px solid var(--line);color:var(--ink-soft);font-size:14.5px;text-align:center}
footer a{color:var(--ink-soft);text-decoration:none}
footer a:hover{color:var(--ink)}
@media (max-width:640px){
  header{padding:10px 10px 0}
  header .wrap,[dir="rtl"] header .wrap{padding:8px 16px 8px 8px}
  [dir="rtl"] header .wrap{padding:8px 16px 8px 8px}
  header img{height:24px}
  header nav{gap:0}
  header nav a{padding:6px 8px;font-size:13px}
  header nav a:last-child{padding:8px 14px}
  header nav a:not(:first-child):not(:last-child){display:none}
  article{padding:24px 18px;border-radius:20px}
}