:root{--bg:#F7F1E1;--bg-2:#EFE6CF;--surface:#FCF8EE;--card:#FEFBF4;--g:#7E5F1A;--g-bright:#5A4210;--decor:#CDB782;
--t1:#241F16;--t2:#514835;--t3:#6B6049;--line:rgba(126,95,26,.18);--line-2:rgba(126,95,26,.32);--ok:#146A4B;
--shadow:0 1px 0 rgba(126,95,26,.05),0 14px 34px -24px rgba(90,66,16,.45);color-scheme:light;
--f-display:'Cormorant Garamond','Iowan Old Style',Georgia,serif;
--f-body:'Iowan Old Style',Charter,Georgia,'Times New Roman',serif;
--f-label:'Cinzel','Iowan Old Style',Georgia,serif;
--f-ui:-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif}
:root:lang(ar){--f-display:'Amiri','Noto Naskh Arabic','Geeza Pro',serif;--f-body:'Noto Naskh Arabic','Geeza Pro',Tahoma,serif;
--f-label:'Noto Naskh Arabic','Geeza Pro',Tahoma,serif;--f-ui:'Noto Naskh Arabic','Geeza Pro',Tahoma,sans-serif}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#181B27;--bg-2:#1D2130;--surface:#222639;--card:#262B40;--g:#E2C078;--g-bright:#F7E7B6;--decor:#8E7434;--t1:#F5F1E6;--t2:#CBC3B0;--t3:#ADA48F;--line:rgba(226,192,120,.18);--line-2:rgba(226,192,120,.34);--ok:#5AD3A6;--shadow:0 14px 34px -24px rgba(0,0,0,.75);color-scheme:dark}}
:root[data-theme=dark]{--bg:#181B27;--bg-2:#1D2130;--surface:#222639;--card:#262B40;--g:#E2C078;--g-bright:#F7E7B6;--decor:#8E7434;--t1:#F5F1E6;--t2:#CBC3B0;--t3:#ADA48F;--line:rgba(226,192,120,.18);--line-2:rgba(226,192,120,.34);--ok:#5AD3A6;--shadow:0 14px 34px -24px rgba(0,0,0,.75);color-scheme:dark}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--bg);color:var(--t1);-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;min-height:100vh;font:400 1.0625rem/1.75 var(--f-body);background:radial-gradient(1100px 520px at 50% -160px,var(--bg-2),transparent 72%) no-repeat,var(--bg)}
body:lang(ar){font-size:1.125rem;line-height:1.95}
a{color:var(--g-bright);text-decoration-thickness:1px;text-underline-offset:.22em}
a:hover{color:var(--g)}
:focus-visible{outline:2px solid var(--g);outline-offset:3px;border-radius:2px}
bdi{unicode-bidi:isolate}
.skip{position:absolute;inset-inline-start:16px;top:-80px;z-index:10;padding:10px 14px;border:1px solid var(--line-2);border-radius:5px;background:var(--card);color:var(--t1);font-family:var(--f-ui)}
.skip:focus{top:12px}
.top{position:sticky;top:0;z-index:5;background:var(--bg);border-bottom:1px solid var(--line)}
.bar{max-width:1180px;margin:0 auto;padding:8px clamp(16px,4vw,40px);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 20px}
.brand{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:var(--g);text-decoration:none;font:600 .95rem/1 var(--f-label);letter-spacing:.16em}
.brand:hover{color:var(--g-bright)}
.brand svg{width:26px;height:26px;flex:none}
.langs{display:flex;padding:3px;border:1px solid var(--line-2);border-radius:99px;background:var(--surface);font-family:var(--f-ui);font-size:.9rem}
.langs a{min-height:40px;display:inline-flex;align-items:center;padding:0 14px;border-radius:99px;color:var(--t2);text-decoration:none}
.langs a:hover{color:var(--t1)}
.langs a[aria-current=page]{background:var(--g);color:var(--bg);font-weight:600}
main{max-width:1180px;margin:0 auto;padding:0 clamp(16px,4vw,40px) 40px}
.hero{padding:clamp(36px,7vw,72px) 0 28px;max-width:60rem}
.eyebrow{margin:0 0 14px;font:600 .78rem/1 var(--f-label);letter-spacing:.24em;text-transform:uppercase;color:var(--g)}
.eyebrow:lang(ar){font-size:1rem;letter-spacing:0;text-transform:none}
h1,h2,h3{text-wrap:balance}
p,li{text-wrap:pretty}
h1{margin:0;font:600 clamp(2.4rem,6vw,3.8rem)/1.06 var(--f-display);letter-spacing:-.012em;color:var(--t1)}
h1:lang(ar){line-height:1.4;letter-spacing:0;font-size:clamp(2.1rem,5.4vw,3.2rem)}
.lede{margin:18px 0 0;max-width:44rem;font-size:1.18rem;line-height:1.65;color:var(--t2)}
.note{margin:10px 0 0;max-width:44rem;color:var(--t3);font-size:.98rem}
.meta{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0;padding:0;list-style:none;font-family:var(--f-ui);font-size:.84rem;color:var(--t2)}
.meta li{margin:0;padding:5px 12px;border:1px solid var(--line-2);border-radius:99px;background:var(--surface)}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:12px;margin:6px 0 40px;padding:0;list-style:none}
.facts li{margin:0;padding:18px 20px;border:1px solid var(--line);border-radius:5px;background:var(--card);box-shadow:var(--shadow)}
.facts svg{display:block;width:20px;height:20px;margin-block-end:10px;color:var(--ok)}
.facts b{display:block;font:600 1.12rem/1.3 var(--f-display);color:var(--t1)}
.facts span{display:block;margin-top:4px;font-size:.96rem;line-height:1.55;color:var(--t2)}
.layout{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
.layout>*{min-width:0}
.toc-h{margin:0 0 10px;font:600 .74rem/1 var(--f-label);letter-spacing:.22em;text-transform:uppercase;color:var(--t3)}
.toc-h:lang(ar){font-size:.95rem;letter-spacing:0;text-transform:none}
.toc ol{display:flex;gap:8px;margin:0;padding:0 0 4px;list-style:none;overflow-x:auto;scroll-target-group:auto}
.toc li{margin:0;flex:none}
.toc a{display:flex;align-items:center;gap:10px;min-height:44px;padding:6px 14px;border:1px solid var(--line-2);border-radius:99px;background:var(--surface);color:var(--t2);text-decoration:none;font-family:var(--f-ui);font-size:.95rem;white-space:nowrap}
.toc a span{font:600 .74rem/1 var(--f-label);letter-spacing:.08em;color:var(--t3)}
.toc a:hover{color:var(--t1)}
.toc a:is(:target-current,.is-current){border-color:var(--g);color:var(--t1);font-weight:600}
@media (min-width:960px){
.layout{grid-template-columns:232px minmax(0,1fr);gap:48px;align-items:start}
.toc{position:sticky;top:84px}
.toc ol{flex-direction:column;gap:2px;overflow:visible;padding:0}
.toc a{border:0;border-inline-start:2px solid var(--line);border-radius:0;background:none;white-space:normal}
.toc a:is(:target-current,.is-current){border-inline-start-color:var(--g);background:var(--surface)}
}
article{min-width:0}
section{margin:0 0 24px;padding:clamp(22px,4.5vw,52px);border:1px solid var(--line);border-radius:5px;background:var(--card);box-shadow:var(--shadow);scroll-margin-top:84px}
.kicker{margin:0 0 8px;font:600 .8rem/1 var(--f-label);letter-spacing:.22em;color:var(--g)}
section h2{margin:0;font:600 clamp(1.8rem,3.4vw,2.4rem)/1.15 var(--f-display);color:var(--t1)}
section h2:lang(ar){line-height:1.5}
.stand{margin:8px 0 0;font-family:var(--f-ui);font-size:.86rem;color:var(--t3)}
h3{margin:34px 0 8px;padding-inline-start:12px;border-inline-start:2px solid var(--decor);font:700 1.06rem/1.45 var(--f-body);color:var(--t1)}
h3:lang(ar){font-size:1.14rem}
section p,section ul,section ol{max-width:72ch}
section p,section li,.address,.contact{overflow-wrap:anywhere}
p{margin:0 0 12px}
ul,ol{margin:0 0 14px;padding-inline-start:1.3em}
li{margin:5px 0}
li::marker{color:var(--g)}
.address,.contact{max-width:34rem;margin:0 0 12px;padding:14px 18px;border:1px solid var(--line);border-radius:5px;background:var(--surface);line-height:1.75}
.address{font-size:1.08rem}
.backtop{display:inline-flex;align-items:center;min-height:44px;margin-top:14px;font-family:var(--f-ui);font-size:.86rem;color:var(--t3)}
.site{margin-top:12px;border-top:1px solid var(--line)}
.foot{max-width:1180px;margin:0 auto;padding:26px clamp(16px,4vw,40px) 40px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 28px;font-family:var(--f-ui);font-size:.88rem;color:var(--t2)}
.foot .tag{display:block;margin-top:2px;color:var(--t3)}
.foot nav{display:flex;flex-wrap:wrap;gap:0 18px}
.foot nav a{display:inline-flex;align-items:center;min-height:44px;color:var(--t2)}
@media print{
:root:is([data-theme],:not([data-theme])){--bg:#fff;--bg-2:#fff;--surface:#fff;--card:#fff;--t1:#000;--t2:#222;--t3:#444;--g:#000;--g-bright:#000;--decor:#888;--line:#bbb;--line-2:#999;--ok:#000;--shadow:none;color-scheme:light}
body{background:#fff;font-size:10.5pt;line-height:1.5}
.top,.toc,.skip,.backtop,.facts,.foot nav{display:none!important}
main{max-width:none;padding:0}
.hero{padding:0 0 14pt}
.layout{display:block}
section{margin:0 0 18pt;padding:0;border:0;box-shadow:none;break-before:page}
section:first-of-type{break-before:auto}
h2,h3{break-after:avoid}
p,li{orphans:3;widows:3}
a{color:#000;text-decoration:none}
@page{margin:18mm 16mm}
}

/* Original 33Hikma shared document treatment: calculator, pricing, consumer and legal pages. */
:root[data-observatory-document]{--display:'Cormorant Garamond',Georgia,serif;--body:system-ui,sans-serif;--f-display:'Cormorant Garamond',Georgia,serif;--f-body:system-ui,sans-serif;--f-ui:system-ui,sans-serif;--shadow:none}
:root[data-observatory-document]:not([data-theme="cream"]):not([data-theme="light"]){color-scheme:dark;--bg:#071019;--bg-2:#0a1621;--surface:#101f2c;--card:#101f2c;--ink:#f3eee4;--t1:#f3eee4;--t2:#c9d6df;--t3:#9bb0bf;--muted:#b4c4cf;--line:#3e5361;--line-2:#617180;--control:#94a9b8;--accent:#d9b96e;--g:#d9b96e;--g-bright:#ead7a1;--tint:#142a3a;--good:#93d4b7;--good-bg:#173d32;--error:#ffaaa0;--error-bg:#402824}
body:lang(ar){--display:'Reem Kufi',sans-serif;--body:'Noto Naskh Arabic',serif;--f-display:'Reem Kufi',sans-serif;--f-body:'Noto Naskh Arabic',serif;--f-ui:'Noto Naskh Arabic',serif}
body{background:var(--bg);line-height:1.8;font-variant-numeric:tabular-nums}
header.site-header,main,footer{max-width:1320px}
.hero{padding-block:clamp(34px,5vw,72px) 34px}
h1{font-family:var(--display);font-weight:500;letter-spacing:-.025em}
:lang(ar) h1{letter-spacing:0;line-height:1.55}
.hero h1{font-size:clamp(38px,4.8vw,66px)}
.hero .intro{max-width:65ch;font-size:18px;line-height:1.85}
.brand{font-family:'Cinzel',Georgia,serif}
input,select,button,.button,.cta{min-height:44px;border-radius:3px}
.plan,.calculator-panel,.result-panel,.notice,.block,.card,fieldset{border-radius:5px;box-shadow:none}
.plans{gap:21px}.plan{padding:26px 21px}.plan.featured{box-shadow:none}
table{font-size:15px}th,td{padding-block:13px}
.table-wrap{position:relative;max-width:100%;overflow:auto;border-radius:5px}
.table-wrap .sr-only{inset-block-start:0;inset-inline-start:0}
.trap{position:absolute!important;inset:0 auto auto 0!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap}
.controls,.languages{flex-wrap:wrap;max-width:100%}
.toc a,.languages a,.langs a{min-height:44px}
.formula,code,pre{font-family:'JetBrains Mono',monospace}
:focus-visible{outline:2px solid var(--accent,var(--g));outline-offset:5px}
@media(max-width:700px){.hero h1{font-size:38px}.hero .intro{font-size:16px}.site-header,main,footer{padding-inline:20px}.plan{padding:21px}.nav-title{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media print{:root[data-observatory-document]{color-scheme:light;--bg:#fff;--bg-2:#fff;--surface:#fff;--card:#fff;--ink:#161616;--t1:#161616;--t2:#333;--t3:#444;--muted:#444;--accent:#5a4210;--g:#5a4210;--g-bright:#5a4210;--line:#bbb;--line-2:#888}}