:root{--ink:#142943;--blue:#164be2;--teal:#087b82;--paper:#fffefa;--line:#dce6ef;--font:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:115px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif}a{color:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible,article:focus-visible{outline:3px solid #b37800;outline-offset:5px}.skip{position:fixed;top:-100px;left:20px;z-index:20;background:white;padding:15px}.skip:focus{top:12px}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px max(24px,calc((100vw - 1360px)/2));background:rgba(255,254,250,.97);border-bottom:1px solid var(--line);box-shadow:0 4px 25px #173c7010}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-weight:800;font-size:18px;letter-spacing:1px}.brand small{display:block;font-size:9px;letter-spacing:2px;margin-top:5px}.brand-mark{background:var(--blue);color:white;border-radius:12px;padding:10px;font-size:22px;letter-spacing:-4px}.brand-mark span{color:#ffdc7d}.languages{display:flex;border:1px solid #d3dfee;border-radius:14px;padding:5px;background:#f0f5ff;gap:3px}.languages button{border:0;background:transparent;color:#213c60;cursor:pointer;padding:12px 18px;font-size:15px;font-weight:700;border-radius:10px;white-space:nowrap}.languages [aria-selected=true]{background:var(--blue);color:#fff;box-shadow:0 4px 10px #164be226}.top-read{font-size:14px;text-decoration:none;font-weight:700;white-space:nowrap}.top-read span{color:var(--blue);margin-left:12px}.hero{max-width:1360px;margin:auto;padding:80px 40px 70px;display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center;position:relative;background:radial-gradient(ellipse at 83% 35%,#c7f9f255,transparent 60%)}.eyebrow{font-size:13px;font-weight:800;letter-spacing:3px;color:var(--teal);display:flex;align-items:center;gap:10px}.eyebrow span{width:8px;height:8px;background:#d9a827;border-radius:50%}h1{font-size:clamp(46px,5.2vw,74px);line-height:1.08;letter-spacing:-3px;margin:25px 0 28px;font-weight:800}h1 span{display:block;color:var(--blue);font-size:.78em;line-height:1.18;margin-top:12px;letter-spacing:-2px}.hero-description{font-size:21px;line-height:1.75;margin-bottom:30px}.hero-description strong{color:var(--teal)}.primary{display:inline-flex;gap:40px;align-items:center;padding:18px 25px;background:var(--blue);color:white;border-radius:12px;text-decoration:none;font-weight:700;box-shadow:0 8px 25px #164be223}.primary:hover{background:#1039ad}.hero-note{font-size:13px;color:#3e526b;margin-top:20px}.hero-art{position:relative;min-height:450px;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #a9d8dc;border-radius:50%;width:440px;height:440px}.orbit-two{width:340px;height:340px;border-style:dashed;transform:rotate(30deg)}.book{width:290px;height:380px;background:linear-gradient(145deg,#225bec,#07368e);color:#fff;border-radius:5px 18px 18px 5px;transform:rotate(-8deg);box-shadow:18px 28px 40px #184b7d30,inset 10px 0 0 #ffffff14;border-right:7px solid #e9edf5;padding:30px;position:relative}.book-top{font-size:8px;letter-spacing:2px;border-bottom:1px solid #ffffff50;padding-bottom:15px}.book-title{margin-top:32px;font-size:39px;font-weight:800;line-height:1.1;letter-spacing:-1px}.book-title span{display:block;font-family:var(--font);font-size:17px;line-height:1.5;margin-top:18px;letter-spacing:0;font-weight:400}.book-sun{position:absolute;right:28px;bottom:55px;font-size:64px;color:#ffdb7c}.book-bottom{position:absolute;bottom:25px;font-size:8px;letter-spacing:1.8px}.spark{position:absolute;color:#be8500}.spark-one{left:15px;top:85px;font-size:45px}.spark-two{right:10px;bottom:65px;font-size:30px;color:var(--teal)}.art-caption{position:absolute;bottom:-15px;font-family:var(--font);font-style:italic;font-size:18px;color:var(--teal)}.reading-bar{max-width:1280px;margin:15px auto 0;padding:24px 30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;font-size:12px;font-weight:700;letter-spacing:2px;color:var(--teal);scroll-margin-top:110px}.book-layout{max-width:1280px;margin:auto;display:grid;grid-template-columns:260px minmax(0,800px);gap:70px;padding:65px 30px 100px;justify-content:center}aside{align-self:start;position:sticky;top:115px}details{border-top:3px solid var(--blue)}summary{font-size:16px;cursor:pointer;font-weight:700;padding:20px 0;display:flex;justify-content:space-between}aside nav{max-height:70vh;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-right:10px}aside nav a{display:block;font-size:14px;text-decoration:none;line-height:1.55;padding:10px 0;border-bottom:1px solid var(--line);color:#304c6e}aside nav a:hover,aside nav a.active{color:var(--blue);text-decoration:underline}.reading{min-width:0;font-family:var(--font);font-size:22px;line-height:1.8}.reading p{margin:0 0 17px;white-space:pre-wrap;overflow-wrap:anywhere}.reading h2{font-family:Arial,Helvetica,sans-serif;font-size:42px;line-height:1.22;letter-spacing:-1.2px;margin:0 0 27px;color:#123d83;overflow-wrap:anywhere}.reading h3{font-family:Arial,Helvetica,sans-serif;font-size:29px;line-height:1.45;margin:26px 0;color:var(--teal)}.reading section+section{margin-top:70px;padding-top:50px;border-top:1px solid var(--line)}.key-thought{border-inline-start:3px solid #dcb04d;padding:12px 22px;background:linear-gradient(90deg,#fff1cd77,transparent);border-radius:0 8px 8px 0}.reading strong{font-weight:700}.source-block{scroll-margin-top:120px}.js article[hidden]{display:none}article[lang=ur] .reading{font-family:'Noto Naskh Arabic','Nirmala UI',serif;font-size:29px;line-height:2.05}article[lang=ur] .reading h2,article[lang=ur] .reading h3{font-family:'Noto Naskh Arabic','Nirmala UI',serif;letter-spacing:0;line-height:1.85}article[lang=ur] aside nav a{font-family:'Noto Naskh Arabic','Nirmala UI',serif;font-size:20px;line-height:1.8}article[lang=ur] .key-thought{background:linear-gradient(270deg,#fff1cd77,transparent)}footer{border-top:1px solid #c9e1e8;background:linear-gradient(120deg,#eff8ff,#effcf7);padding:55px max(30px,calc((100vw - 1220px)/2));display:grid;grid-template-columns:1fr 1fr;gap:40px}.footer-mark{color:var(--blue);font-size:28px;font-weight:800;letter-spacing:-.5px}.footer-mark span{display:block;font-family:var(--font);font-weight:400;font-size:18px;color:var(--ink);margin-top:13px;letter-spacing:0}.attribution p{font-size:14px;line-height:1.7;margin:0 0 10px}.attribution strong{display:block;font-size:23px;color:#123d83;margin-bottom:10px}.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid #c9e1e8;padding-top:25px;font-size:13px}.footer-bottom a{text-decoration:none} @media(max-width:1050px){.top-read{display:none}.hero{gap:15px;padding:60px 30px}.hero-art{transform:scale(.85)}.book-layout{grid-template-columns:210px minmax(0,1fr);gap:35px}.reading h2{font-size:38px}}@media(max-width:760px){html{scroll-padding-top:145px}.topbar{padding:11px 16px;display:block}.brand{font-size:14px;gap:9px}.brand-mark{font-size:18px;padding:6px 9px}.brand small{display:inline;margin-left:10px;font-size:8px}.languages{margin-top:10px;justify-content:center}.languages button{flex:1;padding:10px 6px;font-size:13px}.hero{display:block;padding:38px 23px 32px}.hero-art{display:none}h1{font-size:48px;letter-spacing:-2px;margin:20px 0}h1 span{letter-spacing:-1px}.hero-description{font-size:19px;line-height:1.65;margin:20px 0}.primary{padding:15px 23px}.hero-note{margin-bottom:0}.reading-bar{margin:15px 20px 0;padding:20px 0;font-size:10px;letter-spacing:1px;scroll-margin-top:145px}.book-layout{display:block;padding:26px 23px 65px}aside{position:static;margin-bottom:35px}aside nav{max-height:260px}summary{padding:15px 0}aside nav a{font-size:16px}.reading{font-size:20px;line-height:1.8}.reading h2{font-size:34px;letter-spacing:-.8px}.reading h3{font-size:27px}.reading section+section{margin-top:48px;padding-top:35px}.source-block{scroll-margin-top:150px}article[lang=ur] .reading{font-size:27px;line-height:2.1}article[lang=ur] .reading h2{font-size:36px}article[lang=ur] .reading h3{font-size:30px}footer{display:block;padding:40px 23px}.attribution{margin:35px 0}.footer-bottom{margin-top:30px}.key-thought{padding:10px 16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
@media(min-width:761px) and (max-width:900px){.hero{display:block}.hero-art{display:none}.hero-copy{max-width:650px}}