@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Readex+Pro:wght@400;500;600;700&display=swap');
:root{--ink:#071b33;--blue:#1265b0;--aqua:#19c7b1;--lime:#c8fa4b;--paper:#f4f1ea;--muted:#53697b;--ease:cubic-bezier(.2,0,0,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:19px/1.95 'IBM Plex Sans Arabic',system-ui,sans-serif}a{color:#0864a5;text-underline-offset:5px}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #0ca39b;outline-offset:5px}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.skip{position:fixed;top:-100px;right:20px;background:white;padding:10px;z-index:100}.skip:focus{top:10px}.top{height:80px;position:sticky;top:0;z-index:20;background:#f4f1eaf5;backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid #cbd4da}.brand{display:flex;gap:12px;align-items:center;color:var(--ink);text-decoration:none;font:600 23px 'Readex Pro'}.brand i{background:var(--ink);color:var(--lime);font-style:normal;border-radius:50%;width:43px;height:43px;display:grid;place-items:center}.brand small{display:block;font:11px 'IBM Plex Sans Arabic';margin-top:5px}.top nav{display:flex;align-items:center;gap:25px;font-size:15px}.top nav a{color:var(--ink);text-decoration:none}.top nav .contact{border:1px solid #8e9da7;border-radius:30px;padding:5px 16px}.hero{position:relative;overflow:hidden;background:#071b33;color:white;min-height:620px;padding:72px 5vw 82px;isolation:isolate;display:grid;grid-template-columns:1.05fr .95fr;gap:4vw;align-items:center}.hero:before{content:'';position:absolute;z-index:-2;inset:0;background:radial-gradient(ellipse at 15% 40%,#1265b040,transparent 50%),radial-gradient(ellipse at 80% 90%,#19c7b118,transparent 50%)}.stars{position:absolute;z-index:-1;inset:0;background-image:radial-gradient(1px 1px at 11% 19%,#bed4e8 90%,transparent),radial-gradient(1px 1px at 35% 65%,#bed4e8 90%,transparent),radial-gradient(1px 1px at 72% 14%,#bed4e8 90%,transparent),radial-gradient(1px 1px at 89% 65%,#bed4e8 90%,transparent);background-size:240px 260px;opacity:.5}.kicker{color:var(--lime);font-size:14px;letter-spacing:.02em}.hero h1{font:600 clamp(32px,3.6vw,57px)/1.5 'Readex Pro';margin:18px 0 22px;max-width:800px}.hero .lede{font-size:18px;line-height:1.9;color:#c6d6e3;max-width:680px}.crumbs{font-size:13px;color:#a8becf;margin-bottom:28px}.crumbs a{color:#d5e7ed}.meta{font-size:13px;color:#a7bdcb;display:flex;gap:18px;flex-wrap:wrap;margin-top:23px}.orbit{width:min(100%,510px);aspect-ratio:1;position:relative;margin:auto;direction:ltr}.orbit:before,.orbit:after{content:'';position:absolute;border:1px solid #42627865;border-radius:50%;inset:9%;transform:rotate(-23deg) scaleY(.75)}.orbit:after{inset:23%;transform:rotate(35deg) scaleY(.8);border-color:#19c7b145}.orbit .core{position:absolute;inset:39%;background:#143855;border:1px solid #38778d;border-radius:50%;display:grid;place-items:center;text-align:center;font:500 16px/1.5 'Readex Pro';color:var(--lime);box-shadow:0 0 75px #19c7b11c}.orbit-link{position:absolute;left:calc(var(--x)*1%);top:calc(var(--y)*1%);transform:translate(-50%,-50%);z-index:2;color:#c3d8e5;text-decoration:none;display:flex;align-items:center;gap:8px;direction:rtl;font-size:12px;white-space:nowrap}.orbit-link b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1px solid #507187;background:#0c2c45;font:500 11px 'Readex Pro';transition:transform .25s var(--ease),background .25s var(--ease)}.orbit-link:hover b,.orbit-link.current b{background:var(--lime);color:var(--ink);border-color:var(--lime);transform:scale(1.18)}.orbit-link.current{color:white}.orbit .dust{position:absolute;width:5px;height:5px;left:26%;top:36%;border-radius:50%;background:var(--aqua);box-shadow:0 0 20px var(--aqua);animation:float 7s ease-in-out infinite}.motion-toggle{color:#c9dce7;background:none;border:1px solid #426278;border-radius:30px;padding:2px 13px;font-size:12px;cursor:pointer}.reading-progress{position:fixed;top:78px;right:0;height:3px;width:0;background:var(--aqua);z-index:30;pointer-events:none}.content-layout{max-width:1280px;padding:65px 4vw 30px;margin:auto;display:grid;grid-template-columns:220px minmax(0,800px);gap:5vw;align-items:start}.toc{position:sticky;top:108px;font-size:14px;max-height:75vh;overflow:auto;border-right:1px solid #b7c9cc;padding-right:17px}.toc strong{font-family:'Readex Pro';font-size:13px}.toc a{display:block;margin-top:15px;color:#526a79;text-decoration:none;line-height:1.7;border-right:2px solid transparent;padding-right:10px;transition:color .2s var(--ease),transform .2s var(--ease)}.toc a.active{color:#006c73;border-color:#079a91;transform:translateX(-3px)}article{min-width:0;max-width:800px}article h1{font:600 35px/1.5 'Readex Pro'}article h2{font:600 29px/1.55 'Readex Pro';margin:60px 0 20px}article h3{font:600 22px/1.6 'Readex Pro';margin:34px 0 15px}article p{margin:0 0 24px}article .lead{font-size:23px;font-weight:500;color:#163c50}article .eyebrow{font-size:13px;color:#657986}article ul,article ol{padding-right:25px}article li{margin-bottom:12px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;background:#fff9}td,th{padding:16px;border-bottom:1px solid #cbd5da;text-align:right;font-size:17px;vertical-align:top}th{background:#e2ebe9}.formula{padding:24px;border-right:4px solid var(--aqua);background:#e3edeb;border-radius:4px;font-weight:600}.cta{background:var(--ink);color:white;padding:32px;margin:42px 0;border-radius:8px}.cta h2{margin-top:0;color:white;font-size:27px}.cta a{color:var(--lime)}.article-note{border-top:1px solid #cbd5da;padding-top:20px;color:#5a6b77;font-size:14px}.calc{background:#e2edeb;padding:30px;border:1px solid #b8d3cd;margin:45px 0}.calc h2{margin-top:0}.calc p{font-size:16px}.calc-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.calc label{font-size:15px;display:block}.calc input{display:block;min-width:0;width:100%;padding:10px 14px;border:1px solid #aebfc5;border-radius:5px;background:white;color:var(--ink);margin:5px 0}.result{display:flex;gap:20px;align-items:center;margin-top:22px;padding-top:18px;border-top:1px solid #afc9c4}.result b{font:600 42px 'Readex Pro';color:#006f72}.result span{font-size:16px}.error{color:#9b253a}.related{max-width:1280px;margin:auto;padding:45px 4vw 80px;border-top:1px solid #bacbd0}.related h2,.hub h2{font:600 31px/1.6 'Readex Pro'}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.story{display:block;border-top:2px solid #a7c0c4;padding:23px 0 30px;text-decoration:none;color:var(--ink)}.story small{color:#087e80;font-size:12px}.story h3{font:500 20px/1.7 'Readex Pro';margin:13px 0}.story p{font-size:15px;color:#5b6f7c}.story:hover{border-color:#0b9e98}.story .arrow{display:inline-block;transition:transform .25s var(--ease)}.story:hover .arrow{transform:translateX(-6px)}.hub{max-width:1250px;margin:auto;padding:60px 4vw}.hub-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}.footer{background:#071b33;color:#b9c9d6;padding:35px 5vw;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:14px}.footer a{color:#dceae9}.backtop{font-size:14px}.first-answer{border-bottom:1px solid #bdcdd0;padding-bottom:25px;margin-bottom:30px}.read-time{font-size:13px;color:#5b7280}@keyframes float{0%,100%{transform:translate(0,0)}50%{transform:translate(13px,-10px)}}body.motion-off *,body.motion-off *:before,body.motion-off *:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}@media(max-width:1000px){.hero{grid-template-columns:1fr;min-height:0;padding:50px 6vw}.orbit{width:370px;max-width:100%}.hero h1{font-size:38px}.content-layout{grid-template-columns:1fr;gap:30px}.toc{position:static;max-height:none;display:flex;gap:12px;flex-wrap:wrap;border-right:0;border-bottom:1px solid #b7c9cc;padding:0 0 20px}.toc strong{width:100%}.toc a{font-size:12px;margin:0}.related-grid{grid-template-columns:1fr 1fr}.top nav{gap:15px}.hub-grid{gap:24px}}@media(max-width:600px){body{font-size:18px}.top{height:70px;padding:0 18px}.top nav .optional{display:none}.top nav{font-size:13px}.brand{font-size:20px}.brand small{font-size:10px}.brand i{width:36px;height:36px}.hero{padding:38px 22px 48px;gap:28px}.hero h1{font-size:30px}.hero .lede{font-size:16px}.orbit{width:310px}.orbit-link{font-size:10px;gap:5px}.orbit-link b{width:25px;height:25px}.orbit .core{font-size:12px}.content-layout{padding:35px 22px}.reading-progress{top:68px}article h2{font-size:25px;margin-top:45px}article h3{font-size:21px}.lead,article .lead{font-size:21px}.calc{padding:20px}.calc-fields{grid-template-columns:1fr 1fr}.calc input{font-size:16px}.related-grid,.hub-grid{grid-template-columns:1fr}.hub{padding:40px 22px}.related{padding:35px 22px}.cta{padding:25px}.footer{padding:28px 22px}}

/* Clear sequential navigation at the end of each article. */
.article-next{margin:3rem 0 1rem;padding:1.5rem 0 0;border-top:1px solid #bcc9d1}.article-next p{font-size:1rem;color:#425970;margin:0 0 .8rem}.article-next a{display:flex;flex-direction:column;gap:.6rem;background:#102b46;color:#ffffff!important;padding:1.4rem 1.6rem;border-radius:12px;text-decoration:none!important;box-shadow:0 4px 0 #081e35}.article-next a strong{display:flex;justify-content:space-between;align-items:center;font-size:1.5rem}.article-next a>span{font-size:1.05rem;line-height:1.8}.article-next a:hover{background:#193d5d}.article-next a:focus-visible{outline:3px solid #1267bb;outline-offset:5px}@media(max-width:600px){.article-next a{padding:1.2rem}.article-next a strong{font-size:1.25rem}}