@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700;800;900&display=swap');
:root{--green:#1a654f;--green-deep:#0e4339;--green-light:#edf7f3;--ink:#263b35;--muted:#647670;--line:#e3eae6;--cream:#fffdfa}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Roboto,Arial,sans-serif;line-height:1.62;background:#fff}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,h4,p{margin:0}h1,h2,h3{line-height:1.17}h1{letter-spacing:-.038em;font-size:clamp(38px,4.5vw,62px)}h2{font-size:clamp(25px,2.9vw,37px);letter-spacing:-.032em}h3{font-size:21px;letter-spacing:-.02em}p+p{margin-top:12px}
.topnav{height:84px;border-bottom:1px solid #e5eee8;background:rgba(255,255,255,.98);position:sticky;top:0;z-index:30}
.navinner{max-width:1210px;width:calc(100% - 64px);height:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin:auto;gap:20px}
.navback{font-weight:600;font-size:14px;color:#376953;white-space:nowrap}.navback:hover{color:#0d4033}
.navbrand{display:flex;align-items:center;gap:10px;justify-content:center;color:#185944;min-width:220px}
.navbrand .identity{font-size:14px;font-weight:800;letter-spacing:.05em}.navbrand .subtitle{display:block;font-size:10px;letter-spacing:.12em;font-weight:700;color:#719486;text-transform:uppercase}
.navbrand img{max-width:55px;max-height:40px;object-fit:contain}.navbrand.logo-word img{max-width:116px;max-height:48px}
.navaction{justify-self:end;font-size:13px;font-weight:700;color:#41785d;white-space:nowrap}
.wrapper{max-width:1160px;padding:0 34px;margin:0 auto}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-weight:800;font-size:11px;color:#528b76;margin-bottom:13px}
.lead{font-size:19px;line-height:1.75;color:#576f67;max-width:720px}
.hero{background:radial-gradient(circle at 85% 23%,rgba(54,139,109,.12),transparent 36%),linear-gradient(115deg,#ffffff 3%,#f5faf7 63%,#edf6f0);overflow:hidden}
.herogrid{max-width:1160px;padding:78px 34px 76px;margin:auto;min-height:435px;display:grid;grid-template-columns:1.55fr .7fr;gap:56px;align-items:center}
.hero h1{margin:0 0 20px;color:var(--green-deep)}.actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:26px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;gap:8px;padding:11px 19px;border:1px solid #246f54;border-radius:10px;background:linear-gradient(105deg,#227a5e,#155d4a);color:#fff;font-weight:700;font-size:13px;transition:background .2s,transform .2s}
.btn:hover{transform:translateY(-1px)}.btn.secondary{color:#1c684f;background:#fff;border-color:#c7dfd2}.btn.ghost{color:#1c684f;background:transparent;border-color:#cadecf}
.symbol{width:215px;max-width:100%;justify-self:end;border-radius:28px;box-shadow:0 24px 75px rgba(29,77,57,.13)}
.section{padding:73px 0}.section.soft{background:#f7faf8}.section.warm{background:#fcfdfc}.sectionheader{max-width:810px;margin-bottom:30px}.sectionheader h2{color:#1a4a3b;margin-bottom:15px}.sectionheader>p{color:#65736f;font-size:16px;line-height:1.78}
.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.card{border:1px solid #e1e8e4;background:#fff;border-radius:20px;padding:28px;box-shadow:0 10px 24px rgba(30,58,42,.035);display:flex;flex-direction:column;gap:13px;min-height:275px}
.card h3{color:#22543f}.card p{color:#66736c;font-size:14px}.card .tag{font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:#6b9a7e}.cardlink{font-size:13px;font-weight:800;color:#1b7656;margin-top:auto;padding-top:16px}
.card .ifxlogo{width:180px;height:66px;object-fit:contain;object-position:left center;margin-bottom:2px}.card .book-label{color:#2b7059;font-size:12px;font-weight:700}
.bookstack{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.bookfeature{border:1px solid #e3eee6;border-radius:21px;background:linear-gradient(145deg,#fff,#fcfdfa);padding:28px;display:flex;flex-direction:column;gap:13px}
.bookfeature h3{color:#1f4938;font-size:24px}.bookfeature p{font-size:14px;color:#64736c;line-height:1.74}.bookfeature .cardlink{margin-top:auto}
.infostrip{padding:23px 28px;background:linear-gradient(110deg,#e6f2eb,#f9fcfa);border-radius:16px;border:1px solid #d5eadc;margin-top:28px;color:#2f6049;font-size:14px}
.foot{padding:29px 0 26px;border-top:1px solid #e5eee8;background:#fbfdfb}.footinner{max-width:1160px;padding:0 34px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}
.foot strong{color:#1d5d48}.foot span{font-size:12px;color:#71857a}.footlinks{display:flex;gap:22px;flex-wrap:wrap;font-size:13px;color:#587463}
.hero-graphic{justify-self:end;max-width:370px;width:100%;border:1px solid #d9eae1;background:#fff;border-radius:23px;padding:27px;box-shadow:0 22px 65px rgba(27,88,63,.07)}
.hero-graphic img{max-height:106px;max-width:245px;object-fit:contain}.statline{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:21px;border-top:1px solid #e0eae5;padding-top:18px}.stat strong{display:block;color:#1b6b51;font-size:26px;line-height:1.1}.stat span{display:block;color:#6c857a;font-size:11px;margin-top:6px}
.pills{display:flex;flex-wrap:wrap;gap:9px}.pill{border:1px solid #d4e7db;border-radius:100px;background:#f8fcf9;padding:8px 12px;font-size:12px;font-weight:600;color:#38745b}
.package-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.package{padding:23px;border-radius:17px;border:1px solid #dfebe3;background:white;min-height:218px;display:flex;flex-direction:column;gap:12px}.package h3{font-size:18px;color:#235840}.package p{font-size:13px;color:#67786e}.package .number{font-weight:800;color:#77a48e;font-size:11px;letter-spacing:.14em}.package .footnote{font-size:11px;color:#7c8e81;margin-top:auto}
.quote{font-size:clamp(23px,3vw,37px);max-width:860px;color:#1b6247;font-weight:700;line-height:1.4;letter-spacing:-.02em}
.theme-missing{--green:#356c5f;--green-deep:#254c43;--green-light:#fbf5e9;--ink:#383b35}.theme-missing .hero{background:radial-gradient(circle at 85% 10%,#f3e6cd 0%,transparent 43%),linear-gradient(112deg,#fffdfa,#faf7ef)}
.theme-missing .btn{background:linear-gradient(106deg,#387b65,#235f51);border-color:#3b7760}.theme-missing .hero h1{color:#2d5043}
.theme-missing .eyebrow{color:#997c49}.theme-missing .section.soft{background:#fcfaf5}
.booknote{border-radius:22px;border:1px solid #ecdfc6;background:#fffdf7;padding:35px;box-shadow:0 12px 30px rgba(77,62,35,.04)}
.booknote .huge{font-size:26px;letter-spacing:-.02em;color:#355947;font-weight:700}
.booknote p{color:#788174;font-size:13px;margin-top:13px}
.program-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.program{padding:29px;border:1px solid #e7e9df;border-radius:18px;background:#fff;display:flex;flex-direction:column;gap:12px}
.program h3{color:#285b48}.program p{font-size:14px;color:#64746b}.program .btn{margin-top:auto;align-self:flex-start}
.theme-investor{--green:#244a42;--green-deep:#193730}.theme-investor .hero{background:radial-gradient(circle at 86% 13%,rgba(122,173,160,.16),transparent 41%),linear-gradient(120deg,#fff,#f3f8f6)}
.investor-mark{width:330px;justify-self:end;border-radius:19px;border:1px solid #d5e4de;padding:32px;background:linear-gradient(146deg,#fff,#f4f8f6)}
.investor-mark .meta{color:#68917e;letter-spacing:.15em;font-size:11px;font-weight:800}.investor-mark strong{font-size:27px;line-height:1.2;color:#1d4637;display:block;margin-top:16px}
.slim-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.mini{padding:25px;background:#fff;border:1px solid #e3eae7;border-radius:15px}.mini strong{display:block;color:#246249;margin-bottom:8px}.mini p{color:#64736d;font-size:13px}

@media(max-width:860px){.navinner{width:calc(100% - 38px)}.navbrand{min-width:0}.navbrand .identity{font-size:12px}.navbrand img{max-width:43px}.herogrid{grid-template-columns:1fr .5fr;gap:24px}.grid-3{grid-template-columns:repeat(2,1fr)}.package-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:630px){.topnav{height:75px}.navinner{width:calc(100% - 28px);gap:8px}.navback{font-size:12px}.navbrand{gap:5px}.navbrand img{width:32px}.navbrand .identity{font-size:11px}.navbrand .subtitle{font-size:8px}.navbrand.logo-word img{max-width:82px}.navaction{display:none}.herogrid{padding:51px 23px;grid-template-columns:1fr;min-height:0}.herogrid .symbol{width:148px;justify-self:start}.herogrid .hero-graphic,.herogrid .investor-mark{justify-self:stretch;max-width:none}.wrapper{padding:0 22px}.section{padding:53px 0}.lead{font-size:16px}.grid-3,.grid-2,.bookstack,.program-grid,.slim-list{grid-template-columns:1fr}.package-grid{grid-template-columns:1fr 1fr;gap:10px}.package{padding:17px}.card{min-height:0}.footinner{padding:0 22px}.footlinks{gap:14px}}
@media(max-width:390px){.navbrand .subtitle{display:none}.navbrand img{max-width:30px}.navback{font-size:11px}.package-grid{grid-template-columns:1fr}.actions .btn{width:100%}}

/* Integrated Knowledge pages — the pillars keep their own brand identities */
:target {scroll-margin-top:108px}
.navbrand .identity {white-space:normal}
.cardlink:hover,.footlinks a:hover {text-decoration:underline}
.grid-4knowledge{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:21px}
.grid-4knowledge .card{min-height:260px}
.workshop-card{background:linear-gradient(143deg,#fff,#f6faf7)}
.workshop-meta{display:flex;gap:9px;flex-wrap:wrap;color:#346453;font-size:12px;font-weight:700}
.workshop-meta span{padding:7px 10px;border:1px solid #dce9e0;border-radius:100px;background:#fff}
.future-note{font-size:13px;color:#64776d;margin-top:15px}
.actions .btn,.program .btn{max-width:100%;text-align:center}
.book-note-tags{display:flex;gap:9px;flex-wrap:wrap}
.book-note-tags span{border:1px solid #e6dbcc;padding:6px 11px;border-radius:100px;background:#fff;font-size:11px;font-weight:700;color:#7c5d3f}
/* The Missing Curriculum: reflective, warm, personal editorial character */
.theme-missing{--green:#916547;--green-deep:#633c36;--green-light:#fff8ee;--ink:#373333}
.theme-missing .topnav {border-bottom-color:#f0e2d6}
.theme-missing .navback,.theme-missing .navbrand,.theme-missing .navaction{color:#80503a}
.theme-missing .navbrand .subtitle{color:#a48672}
.theme-missing .hero{background:radial-gradient(circle at 90% 16%,rgba(217,169,110,.21),transparent 40%),linear-gradient(125deg,#fffefc,#fff7ec)}
.theme-missing .hero h1{color:#653f36;font-weight:800;line-height:1.09}
.theme-missing .eyebrow{color:#ad794e}
.theme-missing .lead{color:#65574c}
.theme-missing .btn{background:linear-gradient(110deg,#a56a43,#86533c);border-color:#a56a43}
.theme-missing .btn.secondary{background:#fff;color:#86533c;border-color:#e9c8b0}
.theme-missing .section.soft{background:#fffbf5}
.theme-missing .sectionheader h2,.theme-missing .program h3{color:#674637}
.theme-missing .foot{background:#fffdf9}
.theme-missing .foot strong{color:#6d483a}
.theme-missing .booknote{background:linear-gradient(145deg,#fffaf1,#fffdf8);border:1px solid #ebdbc5;position:relative;box-shadow:0 19px 45px rgba(103,71,40,.09);padding:34px 36px 32px}
.theme-missing .booknote:before{content:"";position:absolute;height:4px;top:0;left:34px;right:34px;background:linear-gradient(90deg,#c48a55,#eac69a);border-radius:0 0 8px 8px}
.theme-missing .booknote .huge{font-size:clamp(24px,2.4vw,34px);color:#694938;font-weight:800;line-height:1.25;margin:12px 0 19px}
.theme-missing .booknote p{font-size:14px;color:#826b59;line-height:1.65}
.theme-missing .book-note-tags span{color:#856148;border-color:#e9d8c5}
.theme-missing .program{border-color:#eee0d1;box-shadow:0 9px 28px rgba(117,78,44,.04)}
.theme-missing .program .eyebrow{letter-spacing:.12em}
.theme-missing .program .btn{width:100%;align-self:stretch}
.theme-missing .quote{color:#87593e}
.theme-missing .pill{color:#87593e;border-color:#ead8c4;background:#fff9ef}
.missing-path{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.missing-path .mini{border-color:#eddfd2;background:#fffdfa}
.missing-path .mini strong{color:#885a40}
.book-actions{text-align:left}
/* The Unexplained Muslim Investor Mind: analytical, precise, deep-navy editorial tone */
.theme-investor{--green:#183c56;--green-deep:#102d46;--green-light:#f1f6fa;--ink:#283a48}
.theme-investor .topnav{border-bottom-color:#dae4ed}
.theme-investor .navback,.theme-investor .navbrand,.theme-investor .navaction{color:#214864}
.theme-investor .navbrand .subtitle{color:#637e91}
.theme-investor .hero{background:radial-gradient(circle at 87% 17%,rgba(187,207,216,.36),transparent 39%),linear-gradient(112deg,#ffffff,#f3f8fb)}
.theme-investor .hero h1{color:#173752;font-weight:800}
.theme-investor .lead{color:#536f7e}
.theme-investor .eyebrow{color:#648698}
.theme-investor .btn{background:linear-gradient(110deg,#245775,#183d59);border-color:#245775}
.theme-investor .btn.secondary{background:#fff;color:#245775;border-color:#cadce8}
.theme-investor .sectionheader h2{color:#173d5b}
.theme-investor .section.soft{background:#f5f8fb}
.theme-investor .mini{border-color:#d9e6ed}
.theme-investor .mini strong{color:#204e69}
.theme-investor .foot{background:#f9fcfd}
.theme-investor .foot strong{color:#20475f}
.theme-investor .investor-mark{background:linear-gradient(147deg,#112f48,#204e69);border:1px solid #31556e;box-shadow:0 25px 48px rgba(19,54,75,.17);width:100%;max-width:365px;min-height:315px;padding:38px}
.theme-investor .investor-mark .meta{color:#a6cad8;font-size:10px;letter-spacing:.2em}
.theme-investor .investor-mark strong{color:#fff;font-size:clamp(26px,2.6vw,36px);line-height:1.3}
.theme-investor .investor-mark .gold-rule{background:linear-gradient(90deg,#c5a572,transparent);height:2px;margin:24px 0 14px}
.theme-investor .investor-mark p{color:#c9d9e2}
.investor-keywords{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px}
.investor-keywords span{display:inline-flex;border:1px solid #d3e1ea;border-radius:100px;color:#355f78;padding:8px 13px;background:#fff;font-size:12px;font-weight:700}
.investor-feature{background:#f7fafc;border:1px solid #e0e8f0;border-radius:18px;padding:27px;margin-top:29px}
.investor-feature p{color:#536877}
/* Knowledge workshop: date-led professional masterclass page */
.theme-workshop{--green:#255b50;--green-deep:#173e39}
.theme-workshop .hero{background:radial-gradient(circle at 88% 14%,rgba(205,175,117,.14),transparent 38%),linear-gradient(115deg,#fff,#f0f8f4)}
.theme-workshop .hero h1{font-size:clamp(39px,4.2vw,61px)}
.theme-workshop .btn{background:linear-gradient(108deg,#225e4f,#174d40);border-color:#285f4e}
.event-ticket{border:1px solid #d9e4dc;border-top:5px solid #c69e65;border-radius:20px;background:#fff;padding:29px 28px;box-shadow:0 20px 50px rgba(28,66,52,.09);max-width:345px;width:100%;justify-self:end}
.event-ticket .event-date{font-size:31px;font-weight:900;color:#174e40;line-height:1.14;margin:13px 0 15px}
.event-ticket .event-detail{border-top:1px solid #e2ebe5;padding:11px 0;display:flex;justify-content:space-between;gap:20px;font-size:13px;color:#5b766b}
.event-ticket .event-detail strong{color:#214c3f;text-align:right}
.theme-workshop .tagline{background:#f5f9f5;border-left:3px solid #c6a16b;padding:21px 25px;border-radius:0 13px 13px 0;font-size:19px;color:#345b48}
.workshop-info{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
.workshop-info .mini strong{font-size:16px}
@media(max-width:860px){.grid-4knowledge{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:630px){.grid-4knowledge,.missing-path,.workshop-info{grid-template-columns:1fr}.event-ticket{justify-self:start;max-width:100%}.theme-investor .investor-mark{max-width:none;min-height:0}.theme-missing .booknote{padding:29px 24px}}

.theme-workshop .btn.secondary{background:#fff;color:#245a4e;border-color:#b8d4c6}

/* Authentic front cover integration: supplied original wraparound cover art cropped to front only. */
.book-cover-hero{width:min(100%,335px);margin:0;justify-self:center;text-align:center}
.book-cover-hero img{width:100%;height:auto;aspect-ratio:948 / 1463;object-fit:contain;box-shadow:0 24px 56px rgba(20,38,44,.20),0 4px 12px rgba(20,38,44,.07);border-radius:2px}
.book-cover-hero figcaption{margin-top:17px;font-size:10px;color:#64726f;letter-spacing:.13em;font-weight:700}
.theme-missing .hero{background:radial-gradient(circle at 87% 12%,rgba(19,157,136,.12),transparent 40%),linear-gradient(115deg,#fffefd,#f7fbfa)}
.theme-missing .hero h1{color:#10516e}
.theme-missing .lead{color:#466b72}
.theme-missing .eyebrow,.theme-missing .navback,.theme-missing .navbrand,.theme-missing .navaction{color:#0e8e80}
.theme-missing .navbrand .subtitle{color:#669b99}
.theme-missing .btn{background:linear-gradient(108deg,#117d79,#0e6572);border-color:#0c7b77}
.theme-missing .btn.secondary{background:#fff;color:#126978;border-color:#b9dcd9}
.theme-missing .sectionheader h2,.theme-missing .program h3{color:#10516e}
.theme-missing .section.soft{background:#f7fbfa}
.theme-missing .program{border-color:#d9e8e6}
.theme-missing .foot{background:#fbfefd}
.theme-missing .foot strong{color:#116274}
.theme-investor .hero{background:radial-gradient(circle at 80% 18%,rgba(205,167,79,.13),transparent 35%),linear-gradient(112deg,#fff,#f7f6f3)}
.theme-investor .hero h1{color:#191b1f}
.theme-investor .eyebrow,.theme-investor .navbrand .subtitle{color:#9c7a37}
.theme-investor .navback,.theme-investor .navbrand,.theme-investor .navaction{color:#282c31}
.theme-investor .lead{color:#5f6267}
.theme-investor .btn{background:linear-gradient(110deg,#35373b,#181a1d);border-color:#272a2d}
.theme-investor .btn.secondary{color:#524527;background:#fff;border-color:#d4c69f}
.theme-investor .sectionheader h2{color:#25272a}
.theme-investor .section.soft{background:#faf9f6}
.theme-investor .mini strong{color:#665029}
.theme-investor .book-cover-hero img{box-shadow:0 25px 65px rgba(0,0,0,.23),0 5px 13px rgba(0,0,0,.12)}
.theme-investor .foot strong{color:#37302a}
.knowledge-cover-link{display:block;align-self:flex-start;margin:2px 0 6px}
.knowledge-book-cover{height:153px;width:auto;max-width:100%;aspect-ratio:auto;object-fit:contain;border-radius:2px;box-shadow:0 7px 16px rgba(21,48,45,.13)}
.knowledge-cover-link:hover .knowledge-book-cover{transform:translateY(-2px);transition:transform .2s}
@media(max-width:630px){
 .book-cover-hero{justify-self:center;max-width:270px;margin-top:18px}
 .theme-missing .herogrid,.theme-investor .herogrid{gap:12px}
 .knowledge-book-cover{height:138px}
}

/* Knowledge overview after retiring the Legal Professionals workshop */
.grid-knowledge-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}
.grid-knowledge-three .card{min-height:260px}
@media(max-width:1020px){.grid-knowledge-three{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:670px){.grid-knowledge-three{grid-template-columns:1fr}}

/* Review refinement: clean Knowledge hero with no repeated pillar emblem. */
body:not(.theme-missing):not(.theme-investor):not(.theme-workshop) .hero .herogrid {
  grid-template-columns:minmax(0,1fr);
  max-width:1160px;
  min-height:355px;
  gap:0;
  padding-top:82px;
  padding-bottom:82px;
}
body:not(.theme-missing):not(.theme-investor):not(.theme-workshop) .hero .herogrid > div {max-width:865px}
body:not(.theme-missing):not(.theme-investor):not(.theme-workshop) .hero .lead {font-size:clamp(18px,2vw,23px);max-width:810px}
@media(max-width:650px) {
 body:not(.theme-missing):not(.theme-investor):not(.theme-workshop) .hero .herogrid {min-height:0;padding-top:64px;padding-bottom:64px}
}