:root{--f:#31543A;--l:#B7D84B;--i:#FAFAF5;--s:#DCE8B5;--m:#5E675F;--line:#DDE5D8;--blue:#78AFCF;--rose:#D78B9A;--gold:#D4A34E;--teal:#6BB9B3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--i);color:#243128;font-family:Inter,Arial,sans-serif;line-height:1.65;overflow-x:hidden}img{max-width:100%;height:auto}a{color:inherit}:focus-visible{outline:3px solid var(--l);outline-offset:3px}.wrap{width:min(1240px,calc(100% - 40px));margin:auto}
.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:14px;min-height:72px;padding:9px clamp(18px,4vw,64px);background:rgba(250,250,245,.96);border-bottom:1px solid var(--line);box-shadow:0 8px 26px rgba(49,84,58,.06);backdrop-filter:blur(15px)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--f);min-width:0}.brand-mark{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border:1.5px solid var(--f);border-radius:12px;background:linear-gradient(145deg,#fff,var(--s));font-weight:800}.brand strong{display:block;font-size:14px;letter-spacing:.08em;white-space:nowrap;line-height:1}.brand small{display:block;margin-top:4px;font-size:7px;color:var(--m);letter-spacing:.13em;white-space:nowrap}.nav{display:flex;gap:3px;margin-left:auto}.nav a,.lang a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:7px 10px;border-radius:999px;text-decoration:none;font-size:11px;font-weight:800;white-space:nowrap}.nav a:hover{background:#fff}.nav a:focus-visible,.lang a:focus-visible,.mobile summary:focus-visible,.mobile-panel a:focus-visible{background:var(--s)}.lang{display:flex;gap:3px;padding:3px;border:1px solid var(--line);border-radius:999px;background:#fff}.lang a{min-width:45px;min-height:30px}.lang .active{background:var(--l);color:var(--f)}.mobile{display:none;margin-left:auto}.mobile summary{list-style:none;width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:11px;background:#fff}.mobile summary::-webkit-details-marker{display:none}.mobile svg{width:19px;stroke:var(--f);fill:none;stroke-width:1.8}.mobile-panel{position:absolute;left:4vw;right:4vw;top:62px;padding:10px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 18px 45px rgba(49,84,58,.12)}.mobile-panel a{display:block;min-height:44px;padding:10px;border-radius:10px;text-decoration:none;font-weight:700}
.section{padding:76px 0}.eyebrow{margin:0 0 12px;color:var(--m);font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.head{max-width:800px;margin:0 auto 30px}.head h2{margin:0 0 10px;color:var(--f);font-size:clamp(30px,4.5vw,52px);line-height:1.08;letter-spacing:-.035em}.head p:last-child{margin:0;color:var(--m)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 17px;border-radius:999px;text-decoration:none;font-size:12px;font-weight:800;transition:.2s}.btn:hover{transform:translateY(-2px)}.primary{background:var(--l);color:var(--f);box-shadow:0 10px 24px rgba(183,216,75,.22)}.ghost{background:#fff;border:1px solid var(--line);color:var(--f)}
.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#FAFAF5,#fff 52%,#EEF5DD);border-radius:0 0 38px 38px;box-shadow:0 18px 55px rgba(49,84,58,.08)}.hero:after{content:"";position:absolute;width:520px;height:520px;right:-260px;bottom:-300px;border:1px solid rgba(49,84,58,.1);border-radius:50%;box-shadow:0 0 0 34px rgba(183,216,75,.06)}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .75fr;align-items:center;gap:clamp(30px,6vw,88px);min-height:clamp(560px,76vh,760px);padding:clamp(50px,7vw,92px) 0}.hero h1{max-width:820px;margin:0 0 18px;color:var(--f);font-size:clamp(48px,7.2vw,88px);line-height:.96;letter-spacing:-.055em}.hero h1 .accent{background:var(--l);padding:0 .12em .05em}.hero-sub{margin:0 0 12px;color:var(--f);font-size:clamp(18px,2vw,24px);font-weight:800}.hero-lead{max-width:680px;margin:0;color:var(--m);font-size:clamp(16px,1.5vw,20px);line-height:1.7}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.hero-photo{position:relative;justify-self:end;width:min(100%,470px);padding:14px;border:1px solid rgba(49,84,58,.14);border-radius:30px;background:rgba(255,255,255,.75);box-shadow:0 25px 70px rgba(49,84,58,.13)}.hero-photo:before{content:"";position:absolute;inset:9px;border:1px solid rgba(183,216,75,.5);border-radius:24px}.hero-photo img{position:relative;display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center top;border-radius:22px}.caption{position:absolute;left:28px;right:28px;bottom:28px;padding:11px 13px;border-radius:14px;background:rgba(49,84,58,.94);color:#fff}.caption strong{display:block;color:var(--l);font-size:10px;letter-spacing:.12em}.caption span{font-size:11px;font-weight:700}
.categories{padding:26px 0 10px}.cat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.cat{position:relative;display:flex;align-items:center;gap:9px;min-height:82px;padding:11px;border:1px solid var(--line);border-radius:17px;background:#fff;text-decoration:none;box-shadow:0 9px 24px rgba(49,84,58,.05);font-size:11px;font-weight:800}.cat:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;border-radius:17px 17px 0 0;background:var(--l)}.cat:nth-child(2):before{background:var(--blue)}.cat:nth-child(3):before{background:var(--rose)}.cat:nth-child(4):before{background:var(--gold)}.cat:nth-child(5):before{background:var(--teal)}.cat:nth-child(6):before{background:#A98BC7}.cat-icon{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:12px;background:#EEF5DD;color:var(--f)}.cat-icon svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.woman{padding:17px 0 8px}.woman-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:21px 25px;border:1px solid rgba(49,84,58,.14);border-radius:27px;background:linear-gradient(105deg,#EEF5DD,#FFF9F4 55%,#EEF8F7);box-shadow:0 18px 50px rgba(49,84,58,.08);text-decoration:none}.woman-icon{width:74px;height:74px;display:grid;place-items:center;border-radius:22px;background:var(--rose);color:#fff;box-shadow:inset 0 0 0 5px rgba(255,255,255,.6)}.woman-icon svg{width:39px;height:39px;stroke:currentColor;fill:none;stroke-width:1.5}.woman-kicker{display:block;color:#8A5363;font-size:10px;font-weight:800;letter-spacing:.1em}.woman-card h2{margin:2px 0;color:var(--f);font-size:clamp(24px,3vw,36px);line-height:1.05}.woman-topics{color:var(--m);font-size:12px;font-weight:700}.arrow{font-size:28px;color:var(--f)}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{min-width:0;padding:25px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 12px 32px rgba(49,84,58,.06)}.card.feature{background:var(--f);color:#fff}.label{font-size:9px;font-weight:800;letter-spacing:.1em}.card.feature .label{color:var(--l)}.card h3{margin:12px 0 8px;font-size:22px;line-height:1.2}.card p{margin:0;color:var(--m);font-size:14px}.feature p{color:#E4EDE1}.link{display:inline-flex;margin-top:18px;color:var(--f);font-size:11px;font-weight:800;text-decoration:none}.feature .link{color:var(--l)}
.paths{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.path{position:relative;display:flex;flex-direction:column;min-height:230px;padding:25px;border:1px solid var(--line);border-radius:24px;background:#fff}.path:before{content:"";height:4px;position:absolute;left:0;right:0;top:0;border-radius:24px 24px 0 0;background:var(--l)}.path:nth-child(2):before{background:var(--blue)}.path:nth-child(3):before{background:var(--rose)}.path h3{margin:12px 0 8px;color:var(--f);font-size:22px}.path p{margin:0;color:var(--m);font-size:14px}.path .link{margin-top:auto}
.tools{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.tool{display:flex;flex-direction:column;min-height:155px;padding:18px;border:1px solid var(--line);border-radius:20px;background:#fff}.tool-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:var(--l);color:var(--f);font-size:20px}.tool h3{margin:12px 0 5px;color:var(--f);font-size:15px}.tool .link{margin-top:auto}
.research{background:var(--f);color:#fff}.research .head h2{color:#fff}.research .head p:last-child{color:#DDE9D9}.research-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.research-card{padding:24px;border:1px solid rgba(255,255,255,.14);border-radius:22px;background:#3B6244}.research-card .label{color:var(--l)}.research-card h3{font-size:20px;line-height:1.25}.research-card a{text-decoration:none}.research-card p{color:#DDE9D9;font-size:13px}
.myth{display:grid;grid-template-columns:1fr 1fr;gap:16px}.myth-card{padding:27px;border:1px solid var(--line);border-radius:24px}.myth-card:first-child{background:#F5EEE5}.myth-card:last-child{background:#EEF5DD}.myth-card strong{font-size:9px;letter-spacing:.1em}.myth-card h3{font-size:24px;line-height:1.2}.myth-card p{color:var(--m);font-size:14px}
.founder{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(30px,6vw,80px);align-items:center}.founder img{width:min(100%,440px);justify-self:center;border-radius:28px;box-shadow:0 20px 55px rgba(49,84,58,.13)}.founder h2{color:var(--f);font-size:clamp(34px,4.5vw,58px)}.founder p{color:var(--m);font-size:15px}.pills{display:flex;flex-wrap:wrap;gap:7px}.pill{padding:7px 11px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:10px;font-weight:800}.cta{margin:0 0 70px;padding:70px 20px;border-radius:30px;background:var(--l);text-align:center}.cta h2{max-width:850px;margin:0 auto 24px;color:var(--f);font-size:clamp(34px,5vw,60px);line-height:1.04}.cta .primary{background:var(--f);color:#fff;box-shadow:none}.cta .social{display:inline-flex;margin-top:18px;font-size:11px;font-weight:800;text-decoration:none}.footer{padding:44px 0;background:var(--f);color:#F2F6EF}.footer-grid{display:grid;grid-template-columns:1fr auto;gap:20px}.footer strong{color:var(--l);letter-spacing:.08em}.footer p{color:#DDE9D9;font-size:12px}.footer-links{display:flex;flex-wrap:wrap;gap:15px;justify-content:flex-end}.footer-links a{font-size:11px;font-weight:700;text-decoration:none}.copyright{grid-column:1/-1;padding-top:15px;border-top:1px solid #587052}
.page-hero{padding:80px 0 60px;background:linear-gradient(135deg,#FAFAF5,#F0F5E3)}.page-hero h1{max-width:900px;margin:0 0 18px;color:var(--f);font-size:clamp(40px,6vw,72px);line-height:1.04}.page-hero .lead{max-width:780px;color:var(--m)}.content-wrap{width:min(1050px,calc(100% - 40px));margin:auto;padding:65px 0}.article-body{max-width:820px}.article-body h2{color:var(--f);margin-top:45px}.article-body h3{color:var(--f);margin-top:30px}.article-body p,.article-body li{font-size:17px;color:#49604E}.article-body blockquote{padding:18px 22px;border-left:4px solid var(--l);background:#F0F5E6}.article-list{display:grid;gap:14px}.article-list a,.topic-card,.source-box,.notice{display:block;padding:20px;border:1px solid var(--line);border-radius:18px;background:#fff;text-decoration:none}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.form{display:grid;gap:15px;max-width:700px}.form input,.form textarea{width:100%;padding:14px;border:1px solid var(--line);border-radius:12px;background:#fff}.form textarea{min-height:150px}.mind-test-card{display:grid;grid-template-columns:90px 1fr;gap:25px;padding:30px;border:1px solid var(--line);border-radius:25px;background:#fff}.mind-icon{width:78px;height:78px;display:grid;place-items:center;border-radius:22px;background:var(--l)}.mind-test-actions,.mind-test-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.mind-test-links a{padding:8px 11px;border:1px solid var(--line);border-radius:999px;text-decoration:none;font-size:11px}.listen-to-article{margin-bottom:25px;padding:16px;border:1px solid var(--line);border-radius:18px;background:#fff}.listen-controls{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.listen-controls button,.listen-speed select{padding:8px 11px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--f);font-weight:700}
html[dir=rtl] body{font-family:"Noto Naskh Arabic",Arial,sans-serif}html[dir=rtl] .site-header,html[dir=rtl] .hero-grid,html[dir=rtl] .woman-card{direction:rtl}html[dir=rtl] .brand strong{letter-spacing:0}html[dir=rtl] .hero h1{letter-spacing:0;line-height:1.3}html[dir=rtl] .hero-lead,html[dir=rtl] .hero-sub{line-height:1.8}html[dir=rtl] .caption{text-align:right}html[dir=rtl] .head{text-align:right}html[dir=rtl] .article-body p,html[dir=rtl] .article-body li{line-height:2}
@media(max-width:1000px){.nav{display:none}.mobile{display:block}.hero-grid{grid-template-columns:1fr;min-height:0;padding:55px 0 70px}.hero-copy{text-align:center}.hero-copy h1,.hero-lead{margin-left:auto;margin-right:auto}.actions{justify-content:center}.hero-photo{justify-self:center;width:min(100%,430px)}.cat-grid{grid-template-columns:repeat(3,1fr)}.grid3{grid-template-columns:1fr 1fr}.card.feature{grid-column:1/-1}.tools{grid-template-columns:repeat(3,1fr)}.research-grid{grid-template-columns:1fr 1fr}.founder{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.wrap{width:calc(100% - 28px)}.site-header{min-height:64px;padding:8px 14px}.brand-mark{width:36px;height:36px;flex-basis:36px}.brand strong{font-size:11px;letter-spacing:.055em}.brand small{font-size:6px}.lang a{min-width:43px;min-height:29px;font-size:10px}.section{padding:56px 0}.head h2{font-size:clamp(28px,8vw,40px)}.hero-grid{padding:38px 0 52px;gap:25px}.hero h1{font-size:clamp(42px,12.5vw,58px);line-height:1.04}.hero-sub{font-size:17px}.hero-lead{font-size:15px}.actions{display:grid;grid-template-columns:1fr;max-width:340px;margin:20px auto 0}.actions .btn{width:100%}.hero-photo{width:min(100%,340px);padding:10px;border-radius:24px}.hero-photo img{border-radius:18px}.caption{left:20px;right:20px;bottom:20px;padding:9px}.cat-grid{grid-template-columns:repeat(3,1fr);gap:8px}.cat{flex-direction:column;justify-content:center;text-align:center;gap:6px;min-height:94px;padding:8px 4px;border-radius:15px;font-size:9.5px}.cat-icon{width:34px;height:34px;flex-basis:34px}.woman-card{grid-template-columns:auto 1fr auto;gap:10px;padding:14px;border-radius:20px}.woman-icon{width:54px;height:54px}.woman-icon svg{width:31px;height:31px}.woman-card h2{font-size:19px}.woman-topics{font-size:9.5px}.grid3,.paths,.myth,.research-grid,.founder{grid-template-columns:1fr}.card.feature{grid-column:auto}.tools{grid-template-columns:repeat(2,1fr)}.tool{min-height:145px;padding:16px}.tool h3{font-size:14px}.founder{text-align:center}.founder img{width:min(100%,330px)}.pills{justify-content:center}.cta{margin-bottom:50px;padding:50px 18px;border-radius:24px}.cta h2{font-size:clamp(32px,9vw,48px)}.footer-grid{grid-template-columns:1fr}.footer-links{justify-content:flex-start}.copyright{grid-column:auto}.page-hero{padding:55px 0 45px}.page-hero h1{font-size:clamp(38px,10vw,56px)}.content-wrap{padding:48px 0}.topic-grid{grid-template-columns:1fr}.article-body p,.article-body li{font-size:16px}.mind-test-card{grid-template-columns:1fr;padding:22px}.mind-test-actions{display:grid;grid-template-columns:1fr}.mind-test-actions .btn{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;animation-iteration-count:1!important}}
.methodology .head{max-width:860px}
.method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.method-card{min-height:175px;padding:22px;border:1px solid var(--line);border-radius:20px;background:#fff}
.method-card strong{display:block;color:var(--f);font-size:10px;letter-spacing:.08em}
.method-card p{margin:12px 0 0;color:var(--m);font-size:13px;line-height:1.65}
.method-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.method-links a{display:inline-flex;align-items:center;min-height:42px;padding:9px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--f);font-size:11px;font-weight:800;text-decoration:none}
.app-card{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 28px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 12px 32px rgba(49,84,58,.05)}
.app-card h2{margin:0 0 8px;color:var(--f);font-size:clamp(26px,3.5vw,40px);line-height:1.1}
.app-card p:last-child{margin:0;color:var(--m);font-size:14px}
@media(max-width:1000px){.method-grid{grid-template-columns:1fr 1fr}.app-card{align-items:flex-start;flex-direction:column}}
@media(max-width:700px){.method-grid{grid-template-columns:1fr}.method-card{min-height:0;padding:19px}.method-links{display:grid}.method-links a{justify-content:center}.app-card{padding:22px;border-radius:20px}.app-card .btn{width:100%}}

/* Homepage-only palette refinements; shared pages retain their existing visual system. */
.home-page .cat:nth-child(2):before{background:#8FAF86}.home-page .cat:nth-child(3):before{background:var(--l)}.home-page .cat:nth-child(4):before{background:#9BB68E}.home-page .cat:nth-child(5):before{background:#C7DCA8}.home-page .cat:nth-child(6):before{background:var(--f)}
.home-page .woman-icon{background:var(--l)}.home-page .woman-kicker{color:var(--f)}
.home-page .path:nth-child(2):before{background:#8FAF86}.home-page .path:nth-child(3):before{background:#C7DCA8}

/* Premium footer social integration */
.footer-social{grid-column:1/-1;padding-top:22px;border-top:1px solid rgba(220,232,181,.18)}
.footer-social h2{margin:0 0 13px;color:#F2F6EF;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.footer-social-links{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.footer-social-link{width:38px;height:38px;display:inline-grid;place-items:center;border:1px solid rgba(220,232,181,.28);border-radius:11px;background:rgba(255,255,255,.04);color:#F2F6EF;text-decoration:none;transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}
.footer-social-link svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.footer-social-link:first-child svg,.footer-social-link:nth-child(2) svg,.footer-social-link:nth-child(5) svg{fill:currentColor;stroke:none}
.footer-social-link:hover{background:var(--s);border-color:var(--s);color:var(--f);transform:translateY(-1px)}
.footer-social-link:focus-visible{outline:3px solid var(--l);outline-offset:3px;background:var(--s);color:var(--f)}
.footer-social-placeholder{opacity:.58;cursor:default}
.footer-social-placeholder:hover{background:rgba(255,255,255,.04);border-color:rgba(220,232,181,.28);color:#F2F6EF;transform:none}
@media(max-width:700px){.footer-social-links{gap:9px}.footer-social-link{width:40px;height:40px}.footer-social{padding-top:20px}}

.section-head{max-width:800px;margin:0 auto 30px}.section-head h2{margin:0 0 10px;color:var(--f);font-size:clamp(30px,4.5vw,52px);line-height:1.08;letter-spacing:-.035em}.section-head p:last-child{margin:0;color:var(--m)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cards article{min-width:0;padding:25px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 12px 32px rgba(49,84,58,.06)}.cards article h3{margin:0 0 8px;color:var(--f);font-size:22px;line-height:1.2}.cards article p{margin:0;color:var(--m);font-size:14px}@media(max-width:700px){.cards{grid-template-columns:1fr}}


/* OBAID DOCTRINE — 2026 RESPONSIVE DESIGN SYSTEM */
/*
  Structural responsive pass. This layer intentionally uses normal document flow,
  CSS Grid/Flexbox and logical properties. It does not hide layout defects with
  transforms, negative margins, fixed widths or overflow clipping.
*/
:root{
  --od-forest:#31543A;
  --od-lime:#B7D84B;
  --od-ivory:#FAFAF5;
  --od-soft:#DCE8B5;
  --od-muted:#667067;
  --od-line:#DDE5D8;
  --od-surface:#FFFFFF;
  --od-surface-soft:#F1F5E8;
  --od-radius-sm:12px;
  --od-radius-md:18px;
  --od-radius-lg:24px;
  --od-content:1240px;
  --od-reading:72ch;
}

html,body{max-width:100%;}
body{background:var(--od-ivory);color:#243128;overflow-x:visible;}

/* ---------- Global type & flow ---------- */
.wrap{width:min(var(--od-content),calc(100% - 40px));}
.content-wrap{width:min(1080px,calc(100% - 40px));}
main,section,article,aside,header,footer,nav{min-width:0;}
h1,h2,h3,h4,p,li,a,button,label{overflow-wrap:anywhere;}
img,svg,video,iframe{max-width:100%;}

/* ---------- Unified header ---------- */
.site-header{
  position:sticky;
  top:0;
  z-index:1000;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  min-height:72px;
  padding:10px clamp(14px,4vw,64px);
  background:rgba(250,250,245,.97);
  border-bottom:1px solid var(--od-line);
  box-shadow:0 8px 26px rgba(49,84,58,.06);
  backdrop-filter:blur(14px);
}
.site-header .brand{min-width:0;max-width:100%;display:flex;align-items:center;gap:10px;}
.site-header .brand > span:last-child{min-width:0;}
.site-header .brand strong,.site-header .brand small{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;}
.site-header .brand strong{color:var(--od-forest);white-space:nowrap;}
.site-header .brand small{white-space:nowrap;}
.site-header > nav,
.site-header .nav{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:4px;
  margin:0;
  padding:0;
}
.site-header > nav a,
.site-header .nav a,
.site-header .lang a,
.site-header .od-language-switch a{
  min-height:40px;
  padding:9px 10px;
  border-radius:12px;
  text-decoration:none;
  font-size:12px;
  font-weight:800;
  line-height:1.25;
  text-align:center;
  white-space:nowrap;
}
.site-header > nav a:hover,
.site-header .nav a:hover{background:var(--od-surface-soft);}
.site-header > nav a:focus-visible,
.site-header .nav a:focus-visible,
.site-header .lang a:focus-visible,
.site-header .od-language-switch a:focus-visible{background:var(--od-soft);}
.site-header .lang,
.site-header .od-language-switch{display:flex;align-items:center;gap:4px;min-width:max-content;}
.site-header .lang a,
.site-header .od-language-switch a{min-width:42px;border:1px solid var(--od-line);background:var(--od-surface);}
.site-header .lang .active,
.site-header .od-language-switch .active{background:var(--od-lime);color:var(--od-forest);border-color:var(--od-lime);}

/* Existing homepage hamburger remains the interactive mobile pattern. */
.site-header > .mobile{display:none;margin:0;}
.site-header > .mobile summary{cursor:pointer;}

/* ---------- Reading experience ---------- */
.article-body{width:min(100%,var(--od-reading));max-width:var(--od-reading);margin-inline:auto;}
.article-body p,.article-body li{font-size:clamp(16px,1.15rem,18px);line-height:1.82;}
.article-body h2{font-size:clamp(25px,3vw,36px);line-height:1.2;}
.article-body h3{font-size:clamp(21px,2.2vw,28px);line-height:1.28;}
.article-body blockquote{margin-inline:0;padding:18px 22px;border-inline-start:4px solid var(--od-lime);border-left:0;background:var(--od-surface-soft);}
.article-body img{display:block;width:auto;height:auto;margin-inline:auto;border-radius:var(--od-radius-md);}

/* ---------- Forms & touch targets ---------- */
button,.btn,.form input,.form textarea,.form select{font:inherit;}
button,.btn,.site-header a,.form input,.form textarea,.form select{touch-action:manipulation;}
.form input,.form textarea,.form select{min-height:48px;}
.form textarea{min-height:160px;resize:vertical;}

/* ---------- Image stability ---------- */
img[width][height]{height:auto;}
.hero-photo img,.founder img,.article-body img{height:auto;}

/* ---------- Remove off-brand accent drift from shared components ---------- */
.cat:nth-child(2):before,.cat:nth-child(3):before,.cat:nth-child(4):before,.cat:nth-child(5):before,.cat:nth-child(6):before{background:var(--od-lime);}
.path:nth-child(2):before,.path:nth-child(3):before{background:var(--od-lime);}

/* ---------- Mind-test cards: keep the brand system coherent ---------- */
.mt-card.orange,.mt-card.gold,.mt-card.blue,.mt-card.violet,.mt-card.rose,.mt-card.lavender,.mt-card.steel{background:var(--od-surface);border-color:var(--od-line);}
.mt-card.orange .mt-icon,.mt-card.gold .mt-icon,.mt-card.blue .mt-icon,.mt-card.violet .mt-icon,.mt-card.rose .mt-icon,.mt-card.lavender .mt-icon,.mt-card.steel .mt-icon{background:var(--od-soft);color:var(--od-forest);}

/* ---------- Tablet: intentional second-row navigation ---------- */
@media (max-width:1100px){
  .site-header{grid-template-columns:auto minmax(0,1fr) auto;}
  .site-header > nav,.site-header .nav{grid-column:1/-1;grid-row:2;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;padding-block:4px 2px;scrollbar-width:thin;}
  .site-header > nav a,.site-header .nav a{flex:0 0 auto;}
  .site-header > .mobile{display:none;}
}

/* ---------- Mobile: no collisions, no random wrapping ---------- */
@media (max-width:760px){
  .wrap{width:calc(100% - 28px);}
  .content-wrap{width:calc(100% - 28px);}
  .site-header{grid-template-columns:minmax(0,1fr) auto;gap:8px;min-height:64px;padding:8px 14px;}
  .site-header .brand-mark{width:38px;height:38px;flex-basis:38px;}
  .site-header .brand strong{font-size:12px;letter-spacing:.07em;}
  .site-header .brand small{font-size:6px;letter-spacing:.08em;}

  /* Pages with a real <details class="mobile"> keep their hamburger and hide desktop nav. */
  .site-header > .mobile{display:block;grid-column:2;grid-row:1;}
  .site-header > .mobile + *{min-width:0;}
  .site-header > .nav + .lang{grid-column:1/-1;grid-row:3;}

  /* Legacy/shared headers without the mobile control become a deliberate compact menu panel. */
  .site-header > nav:not(.nav){grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;overflow:visible;padding:8px 0 0;border-top:1px solid var(--od-line);}
  .site-header > nav:not(.nav) a{min-width:0;min-height:46px;padding:10px 8px;white-space:normal;background:var(--od-surface);border:1px solid var(--od-line);border-radius:12px;}
  .site-header > nav:not(.nav) a:hover{background:var(--od-surface-soft);}

  /* Classed .nav headers use the same compact panel when no hamburger is present. */
  .site-header > .nav:not(.mobile-panel){grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;overflow:visible;padding:8px 0 0;border-top:1px solid var(--od-line);}
  .site-header > .nav:not(.mobile-panel) a{min-width:0;min-height:46px;padding:10px 8px;white-space:normal;background:var(--od-surface);border:1px solid var(--od-line);border-radius:12px;}

  /* Homepage mobile details menu. */
  .site-header > .mobile .mobile-panel{position:absolute;inset-inline:14px;top:58px;max-height:calc(100svh - 74px);overflow:auto;}
  .site-header > .mobile-panel a{min-height:46px;display:flex;align-items:center;}

  .section{padding-block:52px;}
  .page-hero{padding-block:50px 40px;}
  .article-body{max-width:none;}
  .article-body p,.article-body li{font-size:16px;line-height:1.85;}
  .article-body h2{margin-top:36px;}
  .article-body h3{margin-top:26px;}
  .article-body blockquote{padding:16px 18px;}
  .topic-grid,.grid3,.paths,.research-grid,.founder,.myth{grid-template-columns:1fr;}
}

@media (max-width:480px){
  .site-header{padding-inline:10px;}
  .site-header .brand{gap:7px;}
  .site-header .brand-mark{width:36px;height:36px;flex-basis:36px;border-radius:11px;}
  .site-header .brand strong{font-size:11px;letter-spacing:.055em;}
  .site-header .brand small{display:none;}
  .site-header > nav:not(.nav),.site-header > .nav:not(.mobile-panel){grid-template-columns:1fr;}
  .hero h1{font-size:clamp(38px,12vw,54px);}
  .tools{grid-template-columns:1fr;}
  .cat-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media (max-width:360px){
  .site-header{gap:6px;padding-inline:8px;}
  .site-header .brand strong{font-size:10.5px;}
  .site-header > nav:not(.nav) a,.site-header > .nav:not(.mobile-panel) a{min-height:44px;font-size:11px;}
}

/* ---------- RTL: let document direction control flow ---------- */
html[dir="rtl"] body{font-family:"Noto Naskh Arabic",Arial,sans-serif;}
html[dir="rtl"] .site-header,
html[dir="rtl"] .site-header > nav,
html[dir="rtl"] .site-header .nav{direction:rtl;}
html[dir="rtl"] .site-header .brand{direction:rtl;}
html[dir="rtl"] .site-header > nav a,
html[dir="rtl"] .site-header .nav a{direction:rtl;text-align:center;}
html[dir="rtl"] .site-header .lang,
html[dir="rtl"] .site-header .od-language-switch{direction:ltr;}
html[dir="rtl"] .article-body{text-align:start;}
html[dir="rtl"] .article-body blockquote{border-inline-start:4px solid var(--od-lime);border-left:0;}
html[dir="rtl"] .article-body ul,html[dir="rtl"] .article-body ol{padding-inline-start:2rem;padding-inline-end:0;}

/* ---------- Motion & hover remain restrained ---------- */
@media (prefers-reduced-motion:reduce){
  .btn:hover,.footer-social-link:hover{transform:none;}
}

/* End 2026 responsive design system */


/* Homepage-specific mobile header: brand + language + hamburger, with desktop nav hidden. */
@media (max-width:760px){
  .home-page .site-header{grid-template-columns:minmax(0,1fr) auto auto;}
  .home-page .site-header > .nav:not(.mobile-panel){display:none;}
  .home-page .site-header > .lang{grid-column:2;grid-row:1;justify-self:end;}
  .home-page .site-header > .mobile{grid-column:3;grid-row:1;justify-self:end;}
}

/* Keep long legacy navigation links in flow instead of clipping the page. */
@media (min-width:761px) and (max-width:1100px){
  .site-header > nav{min-width:0;}
  .site-header > nav a{flex:0 1 auto;}
}


/* Mind-test brand token normalization */
.mt-card.purple,.mt-card.teal,.mt-card.green,.mt-card.orange,.mt-card.gold,.mt-card.blue,.mt-card.violet,.mt-card.steel,.mt-card.rose,.mt-card.lavender{--accent:var(--od-lime);--soft:var(--od-surface-soft);background:var(--od-surface);}
.mt-card:before{background:var(--od-lime);}
.mt-card:after{background:var(--od-surface-soft);}
.mt-icon{background:var(--od-lime);color:var(--od-forest);}
.mt-cta{background:var(--od-lime);color:var(--od-forest);}

/* OBAID DOCTRINE — targeted mobile navigation fix */
@media (max-width:760px){
  html.od-mobile-menu-open,
  body.od-mobile-menu-open{overflow:hidden;}

  .site-header > .mobile{position:relative;z-index:1002;}
  .site-header > .mobile summary{cursor:pointer;}
  .site-header > .mobile summary::after{content:"";display:block;}
  .site-header > .mobile[open] .mobile-panel{z-index:1001;}

  .site-header > .mobile{
    display:none;
    width:40px;
    height:40px;
    margin:0;
    padding:0;
    place-items:center;
    border:1px solid var(--od-line,var(--line));
    border-radius:11px;
    background:#fff;
    color:var(--od-forest,var(--f));
    cursor:pointer;
    touch-action:manipulation;
  }
  .site-header > .mobile svg{
    width:20px;
    height:20px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
  }

  /* Legacy page headers: collapsed by default; opened only by the compact control. */
  .site-header > .mobile{display:grid;}
  .site-header > .od-legacy-mobile-nav{
    display:none !important;
    grid-column:1/-1;
    grid-row:2;
    width:100%;
    margin:0;
    padding:8px 0 0;
    border-top:1px solid var(--od-line,var(--line));
  }
  .site-header > .od-legacy-mobile-nav.od-mobile-nav-open{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:6px;
    max-height:calc(100svh - 78px);
    overflow:auto;
  }
  .site-header > .od-legacy-mobile-nav.od-mobile-nav-open a{
    min-width:0;
    min-height:46px;
    padding:10px 8px;
    display:flex;
    align-items:center;
    justify-content:center;
    white-space:normal;
    text-align:center;
    background:var(--od-surface,#fff);
    border:1px solid var(--od-line,var(--line));
    border-radius:12px;
  }

  .site-header > .mobile.od-mobile-nav-open{
    background:var(--od-soft,var(--s));
  }

  .home-page .site-header > .mobile{
    grid-column:3;
    grid-row:1;
    justify-self:end;
  }
  .site-header:not(.home-page) > .od-mobile-nav-toggle{
    justify-self:end;
  }
}

@media (max-width:480px){
  .site-header > .od-legacy-mobile-nav.od-mobile-nav-open{
    grid-template-columns:1fr;
  }
}

@media (prefers-reduced-motion:reduce){
  .site-header > .mobile{transition:none;}
}

/* 2026-09-30 homepage transformation */
.account-actions{display:flex;align-items:center;gap:6px;margin-left:6px;white-space:nowrap}.account-link,.account-join{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:7px 12px;border-radius:999px;text-decoration:none;font-size:11px;font-weight:800}.account-link{border:1px solid var(--line);background:#fff;color:var(--f)}.account-join{background:var(--f);color:#fff}.account-link:hover{background:var(--s)}.account-join:hover{background:#426c4b}
.hero-actions{margin-top:22px}.hero-secondary{margin:10px 0 0}.hero-secondary a{font-weight:800;color:var(--f);text-decoration:none}
.question-section{padding-top:10px}.question-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.question-card{position:relative;display:flex;flex-direction:column;gap:5px;min-height:132px;padding:22px;background:#fff;border:1px solid var(--line);border-radius:20px;text-decoration:none;box-shadow:0 10px 28px rgba(49,84,58,.05);transition:transform .18s ease,box-shadow .18s ease}.question-card:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(49,84,58,.09)}.question-card strong{font-size:1.05rem;color:var(--f)}.question-card span{font-size:.9rem;color:var(--m);max-width:28ch}.question-card b{position:absolute;right:18px;bottom:16px;color:var(--f);font-size:1.1rem}
.test-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.test-card{display:flex;flex-direction:column;gap:9px;min-height:190px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:20px;text-decoration:none;box-shadow:0 10px 28px rgba(49,84,58,.05)}.test-card:hover{border-color:var(--l)}.test-no{font-size:.72rem;font-weight:900;letter-spacing:.1em;color:var(--m)}.test-card strong{font-size:1rem;color:var(--f);line-height:1.3}.test-card>span:last-child{font-size:.86rem;color:var(--m);line-height:1.55}
.section-actions,.member-actions,.cta-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.member-panel{background:var(--s);border:1px solid #c8d9a0;border-radius:28px;padding:clamp(24px,4vw,42px)}.member-panel .head{margin-bottom:22px}.member-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.member-card{display:flex;flex-direction:column;gap:7px;padding:19px;background:#fff;border:1px solid rgba(49,84,58,.12);border-radius:18px;text-decoration:none}.member-card strong{color:var(--f);font-size:.96rem}.member-card span{color:var(--m);font-size:.83rem;line-height:1.5}.member-final-cta p:not(.eyebrow){max-width:650px;margin:0 auto 4px;color:var(--m)}.member-final-cta .wrap{text-align:center}
@media(max-width:1050px){.nav{gap:0}.nav a{padding-inline:7px}.test-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.member-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:820px){.account-actions{margin-left:auto}.nav{display:none}.question-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.test-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.site-header{padding-inline:14px}.brand small{display:none}.account-actions{gap:4px}.account-link,.account-join{padding-inline:9px}.lang{display:none}.question-grid,.test-grid,.member-grid{grid-template-columns:1fr}.question-card{min-height:112px}.test-card{min-height:0}.section-actions,.member-actions,.cta-actions{flex-direction:column}.section-actions .btn,.member-actions .btn,.cta-actions .btn{width:100%;text-align:center}}

/* Urdu RTL homepage refinement — verified route architecture retained */
html[dir="rtl"] .home-page{
  direction:rtl;
  text-align:right;
  font-family:"Noto Naskh Arabic",Inter,Arial,sans-serif;
}
html[dir="rtl"] .home-page .brand{
  direction:ltr;
  text-align:left;
}
html[dir="rtl"] .home-page .nav{
  direction:rtl;
  margin-inline-start:auto;
  margin-inline-end:0;
}
html[dir="rtl"] .home-page .account-actions{
  direction:rtl;
  margin-inline-start:0;
  margin-inline-end:6px;
}
html[dir="rtl"] .home-page .lang{
  direction:ltr;
}
html[dir="rtl"] .home-page .mobile{
  margin-inline-start:0;
  margin-inline-end:0;
}
html[dir="rtl"] .home-page .hero-copy,
html[dir="rtl"] .home-page .hero-lead,
html[dir="rtl"] .home-page .head,
html[dir="rtl"] .home-page .member-panel,
html[dir="rtl"] .home-page .founder{
  text-align:right;
}
html[dir="rtl"] .home-page .hero-secondary{
  text-align:right;
}
html[dir="rtl"] .home-page .question-card b{
  right:auto;
  left:18px;
}
html[dir="rtl"] .home-page .question-card span{
  max-width:30ch;
}
html[dir="rtl"] .home-page .test-card,
html[dir="rtl"] .home-page .member-card,
html[dir="rtl"] .home-page .research-card,
html[dir="rtl"] .home-page .method-card{
  text-align:right;
}
html[dir="rtl"] .home-page .section-actions,
html[dir="rtl"] .home-page .member-actions,
html[dir="rtl"] .home-page .cta-actions{
  justify-content:flex-start;
}
html[dir="rtl"] .home-page .footer{
  text-align:right;
}
html[dir="rtl"] .home-page .footer-links{
  direction:rtl;
}
@media(max-width:680px){
  html[dir="rtl"] .home-page .hero-copy,
  html[dir="rtl"] .home-page .head,
  html[dir="rtl"] .home-page .member-panel,
  html[dir="rtl"] .home-page .founder{
    text-align:right;
  }
  html[dir="rtl"] .home-page .hero-secondary{
    text-align:center;
  }
  html[dir="rtl"] .home-page .section-actions,
  html[dir="rtl"] .home-page .member-actions,
  html[dir="rtl"] .home-page .cta-actions{
    align-items:stretch;
  }
}


/* AUTHENTICATION REMOVED — login/member entry points are no longer part of the public website. */
.account-actions,.member-actions,.member-section,.member-final-cta{display:none!important}
a[href^="/account/"],a[href^="/member/"]{display:none!important}

/* =========================================================
   OBAID DOCTRINE — 2050 QUIET-FUTURISM DESIGN SYSTEM
   Additive layer: preserves existing structure and routes.
   ========================================================= */
:root{
  --od-forest:#31543A;
  --od-lime:#B7D84B;
  --od-sage:#DCE8B5;
  --od-ivory:#FAFAF5;
  --od-muted:#5E675F;
  --od-white:#FFFFFF;
  --od-ink:#243128;
  --od-line:rgba(49,84,58,.14);
  --od-line-strong:rgba(49,84,58,.24);
  --od-shadow:0 18px 55px rgba(49,84,58,.08);
  --od-shadow-soft:0 10px 30px rgba(49,84,58,.055);
  --od-radius:22px;
  --od-radius-lg:30px;
  --od-container:1240px;
  --od-reading:760px;
  --od-fast:180ms;
  --od-smooth:420ms;
  --od-display:clamp(2.75rem,6.4vw,6.8rem);
  --od-h2:clamp(2rem,4vw,4rem);
  --od-h3:clamp(1.25rem,2vw,1.7rem);
  --blue:#8FAF86;
  --rose:#9BB68E;
  --gold:#C7DCA8;
  --teal:#6F9A78;
}
html{scroll-padding-top:88px}
body{
  background:var(--od-ivory);
  color:var(--od-ink);
  font-feature-settings:"kern","liga";
}
body,button,input,textarea,select{font-family:Inter,Arial,sans-serif}
h1,h2,h3,h4,strong{font-weight:800}
::selection{background:var(--od-sage);color:var(--od-forest)}
a{transition:color var(--od-fast) ease,background-color var(--od-fast) ease,border-color var(--od-fast) ease,transform var(--od-fast) ease,box-shadow var(--od-fast) ease}
.site-header{
  min-height:76px;
  padding-inline:clamp(18px,4vw,64px);
  background:rgba(250,250,245,.92);
  border-bottom:1px solid var(--od-line);
  box-shadow:0 10px 35px rgba(49,84,58,.045);
  backdrop-filter:blur(18px) saturate(115%);
}
.brand-mark{
  width:42px;height:42px;flex-basis:42px;
  border:1px solid var(--od-forest);
  border-radius:14px;
  background:var(--od-white);
  box-shadow:inset 0 0 0 5px var(--od-sage),0 6px 16px rgba(49,84,58,.08);
}
.brand strong{font-size:13px;letter-spacing:.11em}
.brand small{font-size:7px;letter-spacing:.16em;color:var(--od-muted)}
.nav a,.lang a{border-radius:10px}
.nav a:hover{background:var(--od-white);box-shadow:inset 0 0 0 1px var(--od-line)}
.lang{border-radius:12px;background:var(--od-white)}
.lang .active{background:var(--od-lime)}
.mobile summary{border-radius:12px}
.mobile-panel{border-radius:18px;box-shadow:var(--od-shadow);background:var(--od-white)}

.wrap{width:min(var(--od-container),calc(100% - 40px))}
.section{padding:clamp(64px,8vw,104px) 0}
.eyebrow{
  color:var(--od-forest);
  font-size:10px;
  letter-spacing:.18em;
  line-height:1.4;
}
.head{max-width:860px;margin-bottom:38px}
.head h2{
  color:var(--od-forest);
  font-size:var(--od-h2);
  line-height:1.02;
  letter-spacing:-.045em;
}
.head p:last-child{color:var(--od-muted);max-width:68ch}
.btn{
  min-height:48px;
  padding:12px 18px;
  border-radius:13px;
  letter-spacing:.01em;
}
.btn:hover{transform:translateY(-2px);box-shadow:var(--od-shadow-soft)}
.primary{background:var(--od-lime);color:var(--od-forest)}
.ghost{background:var(--od-white);border-color:var(--od-line-strong)}

.home-page .hero{
  border-radius:0;
  background:var(--od-ivory);
  box-shadow:none;
  isolation:isolate;
}
.home-page .hero:before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.38;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(49,84,58,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(49,84,58,.045) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:linear-gradient(to bottom,black 0%,rgba(0,0,0,.7) 55%,transparent 100%);
}
.home-page .hero:after{
  width:620px;height:620px;
  right:-300px;bottom:-380px;
  border:1px solid rgba(49,84,58,.12);
  box-shadow:0 0 0 38px rgba(183,216,75,.08),0 0 0 76px rgba(49,84,58,.025);
}
.home-page .hero-grid{
  min-height:min(790px,82vh);
  grid-template-columns:minmax(0,1fr) minmax(340px,.72fr);
  gap:clamp(42px,7vw,108px);
  padding-block:clamp(66px,8vw,108px);
}
.home-page .hero-copy{position:relative;z-index:2}
.home-page .hero h1{
  font-size:var(--od-display);
  line-height:.91;
  letter-spacing:-.065em;
  max-width:900px;
}
.home-page .hero h1 .accent{
  background:none;
  color:var(--od-forest);
  position:relative;
  display:inline-block;
}
.home-page .hero h1 .accent:after{
  content:"";
  position:absolute;
  left:.02em;right:.02em;bottom:.05em;height:.13em;
  background:var(--od-lime);
  z-index:-1;
  border-radius:3px;
}
.home-page .hero-sub{
  font-size:clamp(19px,2.2vw,27px);
  line-height:1.25;
  max-width:620px;
}
.home-page .hero-lead{
  max-width:650px;
  font-size:clamp(16px,1.45vw,19px);
  line-height:1.75;
}
.home-page .hero-actions{margin-top:30px}
.home-page .hero-secondary{margin-top:16px;font-size:12px;font-weight:800}
.home-page .hero-secondary a{color:var(--od-forest);text-decoration:none}
.home-page .hero-secondary a:hover{color:var(--od-muted)}
.home-page .hero-photo{
  justify-self:end;
  width:min(100%,500px);
  padding:16px;
  border:1px solid var(--od-line-strong);
  border-radius:32px;
  background:rgba(255,255,255,.68);
  box-shadow:var(--od-shadow);
}
.home-page .hero-photo:before{
  inset:8px;
  border:1px solid rgba(183,216,75,.8);
  border-radius:26px;
}
.home-page .hero-photo:after{
  content:"";
  position:absolute;
  inset:-34px;
  border:1px solid rgba(49,84,58,.11);
  border-radius:50%;
  pointer-events:none;
  z-index:-1;
  box-shadow:0 0 0 34px rgba(49,84,58,.018),0 0 0 68px rgba(183,216,75,.055);
}
.home-page .hero-photo img{
  border-radius:24px;
  filter:saturate(.94) contrast(1.02);
}
.home-page .caption{
  left:30px;right:30px;bottom:30px;
  background:rgba(49,84,58,.95);
  border:1px solid rgba(220,232,181,.25);
  border-radius:14px;
  box-shadow:0 12px 28px rgba(49,84,58,.18);
}

.home-page .categories{padding-block:28px 18px}
.home-page .cat-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.home-page .cat{
  min-height:92px;
  border-radius:18px;
  background:rgba(255,255,255,.82);
  box-shadow:none;
  border-color:var(--od-line);
  padding:13px;
}
.home-page .cat:before{height:3px;background:var(--od-lime)!important}
.home-page .cat-icon{
  width:40px;height:40px;flex-basis:40px;
  border-radius:13px;background:var(--od-sage);
}
.home-page .cat:hover{
  transform:translateY(-3px);
  border-color:var(--od-line-strong);
  box-shadow:var(--od-shadow-soft);
}

.home-page .woman{padding:18px 0}
.home-page .woman-card{
  min-height:126px;
  padding:22px 26px;
  border-radius:24px;
  background:var(--od-sage);
  border-color:rgba(49,84,58,.12);
  box-shadow:none;
}
.home-page .woman-icon{background:var(--od-lime);color:var(--od-forest)}
.home-page .woman-kicker{color:var(--od-forest)}
.home-page .woman-topics{color:var(--od-muted)}
.home-page .woman-card:hover{transform:translateY(-2px);box-shadow:var(--od-shadow-soft)}

.home-page .grid3,.home-page .paths,.home-page .research-grid{gap:18px}
.home-page .card,.home-page .path,.home-page .research-card,.home-page .myth-card,.home-page .method-card,.home-page .app-card{
  border-radius:var(--od-radius);
  border-color:var(--od-line);
  box-shadow:none;
}
.home-page .card{padding:28px;background:var(--od-white)}
.home-page .card.feature{background:var(--od-forest)}
.home-page .card h3{font-size:var(--od-h3);line-height:1.18;letter-spacing:-.02em}
.home-page .path{min-height:250px;padding:28px}
.home-page .path:before{height:3px;background:var(--od-lime)!important}
.home-page .research{
  background:var(--od-forest);
}
.home-page .research-card{
  background:rgba(255,255,255,.045);
  border-color:rgba(220,232,181,.2);
}
.home-page .research-card:hover{
  background:rgba(255,255,255,.075);
  transform:translateY(-2px);
}
.home-page .myth-card:first-child,.home-page .myth-card:last-child{background:var(--od-white)}
.home-page .myth-card:last-child{border-color:rgba(183,216,75,.45);box-shadow:inset 5px 0 0 var(--od-lime)}
.home-page .method-card{background:var(--od-white)}
.home-page .method-card strong{letter-spacing:.11em}
.home-page .app-card{background:var(--od-white)}

.footer{
  background:var(--od-forest);
  border-top:1px solid rgba(220,232,181,.18);
}
.footer-links a:hover{color:var(--od-lime)}
.footer-social-link:hover{transform:translateY(-2px)}

.page-hero{
  padding:clamp(70px,9vw,120px) 0 60px;
  background:var(--od-ivory);
  border-bottom:1px solid var(--od-line);
}
.page-hero h1{
  font-size:clamp(2.5rem,6vw,5.4rem);
  letter-spacing:-.055em;
  line-height:.98;
}
.content-wrap{width:min(1080px,calc(100% - 40px))}
.article-body{max-width:var(--od-reading)}
.article-body p,.article-body li{
  font-size:18px;
  line-height:1.85;
  color:#40574A;
}
.article-body h2{
  margin-top:58px;
  font-size:clamp(1.6rem,3vw,2.5rem);
  letter-spacing:-.035em;
}
.article-body h3{
  margin-top:38px;
  font-size:1.35rem;
}
.article-body blockquote{
  margin:30px 0;
  padding:20px 24px;
  border:1px solid var(--od-line);
  border-inline-start:4px solid var(--od-lime);
  border-radius:16px;
  background:var(--od-white);
}
.article-list a,.topic-card,.source-box,.notice{
  border-color:var(--od-line);
  border-radius:18px;
  background:var(--od-white);
  box-shadow:none;
}
.article-list a:hover,.topic-card:hover{
  transform:translateY(-2px);
  border-color:var(--od-line-strong);
  box-shadow:var(--od-shadow-soft);
}
.topic-grid{gap:18px}
.form input,.form textarea{
  border-color:var(--od-line-strong);
  border-radius:14px;
}
.form input:focus,.form textarea:focus{
  border-color:var(--od-forest);
  box-shadow:0 0 0 4px rgba(183,216,75,.25);
  outline:none;
}
.listen-to-article{
  border-radius:18px;
  background:var(--od-white);
  box-shadow:none;
}
.listen-controls button,.listen-speed select{
  border-radius:10px;
}

.search-input,.search-form input,input[type="search"]{
  border:1px solid var(--od-line-strong);
  border-radius:14px;
  background:var(--od-white);
}
.search-input:focus,.search-form input:focus,input[type="search"]:focus{
  outline:none;
  border-color:var(--od-forest);
  box-shadow:0 0 0 4px rgba(183,216,75,.24);
}

.mind-test-card{
  border-radius:var(--od-radius);
  border-color:var(--od-line);
  box-shadow:none;
}
.mind-icon{background:var(--od-lime)}
.mind-test-links a{border-radius:10px}

.mt-card{
  --accent:var(--od-forest)!important;
  --soft:var(--od-sage)!important;
  border-radius:var(--od-radius)!important;
  background:var(--od-white)!important;
  border-color:var(--od-line)!important;
  box-shadow:none!important;
}
.mt-card:before{background:var(--od-lime)!important}
.mt-card:after{background:var(--od-sage)!important}
.mt-icon{background:var(--od-sage)!important;color:var(--od-forest)}
.mt-copy h2{color:var(--od-forest)!important}
.mt-copy p{color:var(--od-muted)!important}
.mt-cta{background:var(--od-lime)!important;color:var(--od-forest)!important;box-shadow:none!important}
.mt-card.purple,.mt-card.teal,.mt-card.green,.mt-card.orange,.mt-card.gold,.mt-card.blue,.mt-card.violet,.mt-card.steel,.mt-card.rose,.mt-card.lavender{
  --accent:var(--od-forest)!important;
  --soft:var(--od-sage)!important;
}

.knowledge-card,.evidence-rail,.reflection-card,.takeaway-card,.definition-card,.practical-card,.important-card{
  position:relative;
  padding:24px;
  border:1px solid var(--od-line);
  border-radius:18px;
  background:var(--od-white);
  box-shadow:none;
}
.knowledge-card:before,.evidence-rail:before,.reflection-card:before,.takeaway-card:before{
  content:"";
  position:absolute;
  inset-inline-start:0;
  top:18px;bottom:18px;
  width:3px;
  border-radius:3px;
  background:var(--od-lime);
}
.evidence-rail{background:#F4F7EA}
.reflection-card{background:var(--od-sage)}
.important-card{border-color:rgba(49,84,58,.28)}
.knowledge-card h2,.knowledge-card h3,.evidence-rail h2,.reflection-card h2,.takeaway-card h2{color:var(--od-forest)}

.breadcrumb,.breadcrumbs{
  color:var(--od-muted);
  font-size:12px;
}
.breadcrumb a,.breadcrumbs a{color:var(--od-forest);font-weight:700}

@keyframes od-fade-up{
  from{opacity:0;transform:translateY(14px)}
  to{opacity:1;transform:none}
}
.home-page .hero-copy>*{
  animation:od-fade-up .65s cubic-bezier(.2,.7,.2,1) both;
}
.home-page .hero-copy>*:nth-child(2){animation-delay:.06s}
.home-page .hero-copy>*:nth-child(3){animation-delay:.12s}
.home-page .hero-copy>*:nth-child(4){animation-delay:.18s}
.home-page .hero-copy>*:nth-child(5){animation-delay:.24s}
.home-page .hero-copy>*:nth-child(6){animation-delay:.3s}
.home-page .hero-photo{
  animation:od-fade-up .8s cubic-bezier(.2,.7,.2,1) .12s both;
}
.home-page .cat,.home-page .card,.home-page .path,.home-page .research-card,.home-page .method-card{
  transition:transform var(--od-smooth) cubic-bezier(.2,.7,.2,1),box-shadow var(--od-smooth) ease,border-color var(--od-smooth) ease;
}
@media(prefers-reduced-motion:reduce){
  .home-page .hero-copy>*,.home-page .hero-photo{animation:none!important}
}
@media(max-width:1000px){
  .home-page .hero-grid{grid-template-columns:1fr;min-height:0}
  .home-page .hero-copy{text-align:center}
  .home-page .hero-photo{justify-self:center}
  .home-page .cat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:700px){
  .wrap{width:calc(100% - 28px)}
  .site-header{min-height:66px}
  .home-page .hero-grid{padding-block:48px 62px}
  .home-page .hero h1{font-size:clamp(2.65rem,13vw,4rem);line-height:.96}
  .home-page .hero-photo{width:min(100%,360px);padding:11px;border-radius:24px}
  .home-page .hero-photo:after{inset:-18px}
  .home-page .cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-page .cat{min-height:98px}
  .home-page .woman-card{grid-template-columns:auto 1fr auto;padding:16px}
  .home-page .section{padding-block:58px}
  .page-hero{padding-block:58px 44px}
  .content-wrap{width:calc(100% - 28px);padding-block:46px}
  .article-body p,.article-body li{font-size:17px;line-height:1.82}
  .article-body h2{margin-top:46px}
}
@media(max-width:430px){
  .home-page .cat-grid{gap:8px}
  .home-page .cat{font-size:10px;padding:9px 6px}
  .home-page .cat-icon{width:36px;height:36px;flex-basis:36px}
  .home-page .woman-card{grid-template-columns:1fr;text-align:center}
  .home-page .woman-icon{margin:auto}
  .home-page .arrow{display:none}
}
html[dir="rtl"] body{font-family:"Noto Naskh Arabic",Arial,sans-serif}
html[dir="rtl"] .home-page .hero h1{letter-spacing:0;line-height:1.25}
html[dir="rtl"] .home-page .hero-copy{text-align:right}
html[dir="rtl"] .home-page .hero-photo{justify-self:start}
html[dir="rtl"] .article-body p,html[dir="rtl"] .article-body li{line-height:2.05}
html[dir="rtl"] .page-hero h1{letter-spacing:0;line-height:1.25}
@media(max-width:1000px){
  html[dir="rtl"] .home-page .hero-copy{text-align:right}
  html[dir="rtl"] .home-page .hero-photo{justify-self:center}
}
@media(max-width:700px){
  html[dir="rtl"] .home-page .hero-copy{text-align:right}
}

.home-page .knowledge-orbit{position:absolute;inset:0;pointer-events:none;z-index:3}
.home-page .knowledge-orbit span{
  position:absolute;
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:6px 9px;
  border:1px solid rgba(49,84,58,.2);
  border-radius:999px;
  background:rgba(250,250,245,.9);
  color:var(--od-forest);
  box-shadow:0 8px 22px rgba(49,84,58,.07);
  font-size:8px;
  font-weight:800;
  letter-spacing:.12em;
  backdrop-filter:blur(8px);
}
.home-page .knowledge-orbit span:nth-child(1){top:7%;left:-10%}
.home-page .knowledge-orbit span:nth-child(2){top:45%;right:-15%}
.home-page .knowledge-orbit span:nth-child(3){bottom:7%;left:-7%}
@media(max-width:1000px){
  .home-page .knowledge-orbit span:nth-child(1){left:-5%}
  .home-page .knowledge-orbit span:nth-child(2){right:-5%}
  .home-page .knowledge-orbit span:nth-child(3){left:-3%}
}
@media(max-width:700px){
  .home-page .knowledge-orbit span{font-size:7px;min-height:26px;padding:5px 7px}
  .home-page .knowledge-orbit span:nth-child(1){top:3%;left:-3%}
  .home-page .knowledge-orbit span:nth-child(2){top:42%;right:-4%}
  .home-page .knowledge-orbit span:nth-child(3){bottom:3%;left:-2%}
}
html[dir="rtl"] .home-page .knowledge-orbit span{letter-spacing:0}


/* =========================================================
   OBAID DOCTRINE — ULTRA PRO EDITORIAL HOMEPAGE
   2026-10-03 • homepage-only art direction layer
   ========================================================= */
.home-page{
  --ed-forest:#173D2A;
  --ed-green:#214633;
  --ed-moss:#31543A;
  --ed-lime:#C7F000;
  --ed-olive:#536A10;
  --ed-soft:#DCE8B5;
  --ed-ivory:#F7F5ED;
  --ed-white:#FFFFFF;
  --ed-muted:#68716A;
  --ed-line:#D9DFD4;
  --ed-shadow:0 22px 70px rgba(23,61,42,.12);
  --ed-shadow-soft:0 12px 34px rgba(23,61,42,.08);
  --ed-radius:26px;
  --ed-fast:220ms;
  --ed-smooth:320ms;
  background:var(--ed-ivory);
  color:var(--ed-forest);
}
.home-page .site-header{
  background:rgba(247,245,237,.94);
  border-bottom-color:rgba(23,61,42,.12);
  box-shadow:0 10px 30px rgba(23,61,42,.055);
  backdrop-filter:blur(18px) saturate(120%);
}
.home-page .brand{color:var(--ed-forest)}
.home-page .brand-mark{
  border-color:var(--ed-forest);
  background:var(--ed-white);
  box-shadow:inset 0 0 0 5px var(--ed-soft),0 6px 18px rgba(23,61,42,.09);
}
.home-page .brand strong{color:var(--ed-forest)}
.home-page .brand small{color:var(--ed-muted)}
.home-page .nav a,.home-page .lang a{color:var(--ed-forest)}
.home-page .nav a:hover{background:var(--ed-white);box-shadow:inset 0 0 0 1px rgba(23,61,42,.1)}
.home-page .lang{border-color:var(--ed-line);background:var(--ed-white)}
.home-page .lang .active{background:var(--ed-lime);border-color:var(--ed-lime);color:var(--ed-forest)}
.home-page .mobile summary{border-color:var(--ed-line);background:var(--ed-white);color:var(--ed-forest)}
.home-page .mobile-panel{border-color:var(--ed-line);background:var(--ed-white);box-shadow:var(--ed-shadow)}

.home-page .hero{
  min-height:0;
  border-radius:0;
  background:var(--ed-ivory);
  box-shadow:none;
}
.home-page .hero:before{
  opacity:.5;
  background-image:
    linear-gradient(rgba(23,61,42,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(23,61,42,.045) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(to bottom,black 0%,rgba(0,0,0,.72) 60%,transparent 100%);
}
.home-page .hero-grid{
  min-height:min(820px,84vh);
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.72fr);
  gap:clamp(44px,7vw,112px);
  padding-block:clamp(76px,9vw,126px);
}
.home-page .hero-copy{max-width:760px}
.home-page .hero .eyebrow{
  color:var(--ed-olive);
  font-size:11px;
  letter-spacing:.2em;
}
.home-page .hero h1{
  max-width:930px;
  color:var(--ed-forest);
  font-size:clamp(3.55rem,7.7vw,7.2rem);
  line-height:.91;
  letter-spacing:-.068em;
  text-wrap:balance;
}
.home-page .hero h1 .accent{
  color:var(--ed-forest);
}
.home-page .hero h1 .accent:after{
  left:-.02em;right:-.02em;bottom:.03em;height:.12em;
  background:var(--ed-lime);
  border-radius:2px;
}
.home-page .hero-sub{
  max-width:640px;
  color:var(--ed-green);
  font-size:clamp(20px,2.1vw,28px);
  line-height:1.2;
  letter-spacing:-.025em;
}
.home-page .hero-lead{
  max-width:650px;
  color:var(--ed-muted);
  font-size:clamp(16px,1.35vw,19px);
  line-height:1.78;
}
.home-page .hero-actions{margin-top:32px}
.home-page .btn{
  min-height:50px;
  padding:13px 19px;
  border-radius:13px;
  border:1px solid transparent;
  transition:transform var(--ed-fast) ease,box-shadow var(--ed-fast) ease,border-color var(--ed-fast) ease,background-color var(--ed-fast) ease;
}
.home-page .btn.primary{
  background:var(--ed-lime);
  color:var(--ed-forest);
  box-shadow:0 10px 28px rgba(199,240,0,.2);
}
.home-page .btn.ghost{
  background:var(--ed-white);
  border-color:rgba(23,61,42,.18);
  color:var(--ed-forest);
}
.home-page .btn:hover{transform:translateY(-2px);box-shadow:var(--ed-shadow-soft)}
.home-page .hero-secondary{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:13px;
  color:var(--ed-forest);
}
.home-page .hero-secondary a{color:var(--ed-forest)}
.home-page .hero-meta{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding-inline-start:13px;
  border-inline-start:1px solid rgba(23,61,42,.2);
  color:var(--ed-muted);
  font-size:9px;
  font-weight:800;
  letter-spacing:.12em;
}
.home-page .hero-photo{
  width:min(100%,500px);
  padding:16px;
  border:1px solid rgba(23,61,42,.16);
  border-radius:32px;
  background:rgba(255,255,255,.7);
  box-shadow:var(--ed-shadow);
  isolation:isolate;
}
.home-page .hero-photo:before{
  inset:8px;
  border:1px solid rgba(199,240,0,.75);
  border-radius:25px;
}
.home-page .hero-photo:after{
  inset:-38px;
  border-color:rgba(23,61,42,.11);
  box-shadow:0 0 0 34px rgba(23,61,42,.02),0 0 0 70px rgba(199,240,0,.06);
}
.home-page .hero-photo img{
  border-radius:24px;
  filter:saturate(.9) contrast(1.04);
}
.home-page .caption{
  left:30px;right:30px;bottom:30px;
  background:rgba(23,61,42,.96);
  border-color:rgba(199,240,0,.24);
  box-shadow:0 14px 32px rgba(23,61,42,.2);
}
.home-page .caption strong{color:var(--ed-lime)}
.home-page .knowledge-orbit span{
  border-color:rgba(23,61,42,.15);
  background:rgba(247,245,237,.93);
  color:var(--ed-forest);
  box-shadow:0 10px 28px rgba(23,61,42,.08);
}
.home-page .knowledge-orbit span:nth-child(2){right:-13%}

.home-page .section{padding-block:clamp(76px,8vw,112px)}
.home-page .eyebrow{
  color:var(--ed-olive);
  font-size:11px;
  letter-spacing:.18em;
}
.home-page .head{max-width:900px;margin-bottom:38px}
.home-page .head h2{
  color:var(--ed-forest);
  font-size:clamp(2.15rem,4.5vw,4.25rem);
  line-height:.98;
  letter-spacing:-.05em;
  text-wrap:balance;
}
.home-page .head p:last-child{color:var(--ed-muted);max-width:70ch}

.home-page .featured-knowledge{
  padding-top:24px;
  background:var(--ed-ivory);
}
.home-page .editorial-kicker{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-bottom:14px;
  color:var(--ed-olive);
  font-size:10px;
  font-weight:900;
  letter-spacing:.16em;
}
.home-page .featured-panel{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);
  min-height:430px;
  overflow:hidden;
  border-radius:32px;
  background:var(--ed-forest);
  box-shadow:var(--ed-shadow);
}
.home-page .featured-copy{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  padding:clamp(32px,6vw,70px);
}
.home-page .featured-copy .label{color:var(--ed-lime);letter-spacing:.15em}
.home-page .featured-copy h2{
  max-width:780px;
  margin:14px 0 15px;
  color:#fff;
  font-size:clamp(2.25rem,4.6vw,4.9rem);
  line-height:.98;
  letter-spacing:-.055em;
  text-wrap:balance;
}
.home-page .featured-copy>p:not(.label){max-width:58ch;margin:0;color:#DCE8D9;font-size:16px;line-height:1.7}
.home-page .featured-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px 18px;
  margin-top:24px;
  color:#BFD0C3;
  font-size:9px;
  font-weight:800;
  letter-spacing:.13em;
}
.home-page .editorial-link{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:46px;
  margin-top:27px;
  padding:10px 14px;
  border:1px solid rgba(199,240,0,.55);
  border-radius:12px;
  color:var(--ed-lime);
  text-decoration:none;
  font-size:11px;
  font-weight:900;
  letter-spacing:.04em;
  transition:gap var(--ed-fast) ease,background-color var(--ed-fast) ease;
}
.home-page .editorial-link:hover{gap:14px;background:rgba(199,240,0,.08)}
.home-page .featured-side{
  position:relative;
  min-height:100%;
  overflow:hidden;
  background:var(--ed-green);
}
.home-page .featured-side:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 50% 50%,rgba(199,240,0,.14),transparent 28%),
    linear-gradient(135deg,rgba(255,255,255,.025),transparent 60%);
}
.home-page .field-ring{
  position:absolute;
  left:50%;top:50%;
  width:310px;height:310px;
  border:1px solid rgba(199,240,0,.32);
  border-radius:50%;
  transform:translate(-50%,-50%);
}
.home-page .ring-two{
  width:190px;height:190px;
  border-color:rgba(220,232,181,.25);
}
.home-page .field-dot{
  position:absolute;
  width:9px;height:9px;
  border-radius:50%;
  background:var(--ed-lime);
  box-shadow:0 0 0 8px rgba(199,240,0,.08);
}
.home-page .dot-one{left:25%;top:25%}
.home-page .dot-two{right:23%;bottom:27%}
.home-page .field-label{
  position:absolute;
  padding:7px 9px;
  border:1px solid rgba(220,232,181,.2);
  border-radius:999px;
  color:#E7EFE4;
  background:rgba(23,61,42,.4);
  font-size:8px;
  font-weight:900;
  letter-spacing:.15em;
}
.home-page .label-one{left:15%;top:44%}
.home-page .label-two{right:13%;top:27%}
.home-page .label-three{right:17%;bottom:22%}

.home-page .question-section{padding-top:28px}
.home-page .question-grid{gap:12px}
.home-page .question-card{
  min-height:150px;
  padding:24px;
  border:1px solid var(--ed-line);
  border-radius:20px;
  background:var(--ed-white);
  box-shadow:none;
  transition:transform var(--ed-smooth) ease,box-shadow var(--ed-smooth) ease,border-color var(--ed-smooth) ease;
}
.home-page .question-card:hover{
  transform:translateY(-4px);
  border-color:rgba(23,61,42,.25);
  box-shadow:var(--ed-shadow-soft);
}
.home-page .question-card strong{color:var(--ed-forest);font-size:1.15rem}
.home-page .question-card span{color:var(--ed-muted)}
.home-page .question-card b{color:var(--ed-forest)}

.home-page .categories{padding-block:20px 28px}
.home-page .cat-grid{
  grid-template-columns:repeat(12,minmax(0,1fr));
  grid-auto-rows:minmax(112px,auto);
  gap:12px;
}
.home-page .cat{
  min-height:0;
  border:1px solid var(--ed-line);
  border-radius:20px;
  background:rgba(255,255,255,.82);
  box-shadow:none;
  padding:17px;
  color:var(--ed-forest);
  transition:transform var(--ed-smooth) ease,box-shadow var(--ed-smooth) ease,border-color var(--ed-smooth) ease;
}
.home-page .cat:nth-child(1){grid-column:span 4}
.home-page .cat:nth-child(2){grid-column:span 4}
.home-page .cat:nth-child(3){grid-column:span 4}
.home-page .cat:nth-child(4){grid-column:span 6}
.home-page .cat:nth-child(5){grid-column:span 3}
.home-page .cat:nth-child(6){grid-column:span 3}
.home-page .cat:before{background:var(--ed-lime)!important;height:3px}
.home-page .cat-icon{background:var(--ed-soft);color:var(--ed-forest)}
.home-page .cat:hover{transform:translateY(-4px);border-color:rgba(23,61,42,.24);box-shadow:var(--ed-shadow-soft)}

.home-page .woman{padding-block:18px 30px}
.home-page .woman-card{
  min-height:138px;
  padding:25px 28px;
  border-radius:24px;
  border-color:rgba(23,61,42,.14);
  background:var(--ed-soft);
  box-shadow:none;
}
.home-page .woman-icon{background:var(--ed-lime);color:var(--ed-forest)}
.home-page .woman-kicker{color:var(--ed-forest)}
.home-page .woman-topics{color:var(--ed-muted)}
.home-page .woman-card:hover{transform:translateY(-3px);box-shadow:var(--ed-shadow-soft)}

.home-page .grid3{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}
.home-page .grid3 .card{min-height:300px}
.home-page .grid3 .card.feature{grid-column:span 6}
.home-page .grid3 .card:nth-child(2),.home-page .grid3 .card:nth-child(3){grid-column:span 3}
.home-page .card{
  position:relative;
  padding:30px;
  border:1px solid var(--ed-line);
  border-radius:var(--ed-radius);
  background:var(--ed-white);
  box-shadow:none;
  transition:transform var(--ed-smooth) ease,box-shadow var(--ed-smooth) ease,border-color var(--ed-smooth) ease;
}
.home-page .card:hover{transform:translateY(-5px);border-color:rgba(23,61,42,.24);box-shadow:var(--ed-shadow-soft)}
.home-page .card.feature{background:var(--ed-forest);border-color:var(--ed-forest)}
.home-page .card-index{
  position:absolute;
  top:23px;right:25px;
  color:rgba(23,61,42,.22);
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em;
}
.home-page .card.feature .card-index{color:rgba(199,240,0,.5)}
.home-page .card h3{margin-top:16px;color:var(--ed-forest);font-size:clamp(1.35rem,2.2vw,2rem);line-height:1.12;letter-spacing:-.025em}
.home-page .card.feature h3{color:#fff}
.home-page .card p{color:var(--ed-muted)}
.home-page .card.feature p{color:#DCE8D9}
.home-page .card .link{color:var(--ed-forest)}
.home-page .card.feature .link{color:var(--ed-lime)}

.home-page .path-journey-labels{
  display:grid;
  grid-template-columns:auto 1fr auto 1fr auto 1fr auto;
  align-items:center;
  gap:10px;
  margin:0 0 18px;
  color:var(--ed-olive);
  font-size:9px;
  font-weight:900;
  letter-spacing:.16em;
}
.home-page .path-journey-labels i{height:1px;background:rgba(23,61,42,.18)}
.home-page .paths{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.home-page .path{
  min-height:270px;
  padding:30px;
  border:1px solid var(--ed-line);
  border-radius:var(--ed-radius);
  background:var(--ed-white);
  box-shadow:none;
  transition:transform var(--ed-smooth) ease,box-shadow var(--ed-smooth) ease,border-color var(--ed-smooth) ease;
}
.home-page .path:hover{transform:translateY(-5px);border-color:rgba(23,61,42,.24);box-shadow:var(--ed-shadow-soft)}
.home-page .path:before{height:3px;background:var(--ed-lime)!important}
.home-page .path-step{
  display:inline-flex;
  min-height:26px;
  align-items:center;
  margin-bottom:8px;
  color:var(--ed-olive);
  font-size:9px;
  font-weight:900;
  letter-spacing:.16em;
}
.home-page .path h3{color:var(--ed-forest);font-size:clamp(1.35rem,2.1vw,1.9rem);letter-spacing:-.025em}
.home-page .path p{color:var(--ed-muted)}
.home-page .path .link{color:var(--ed-forest)}

.home-page .mind-feature{
  background:var(--ed-green);
}
.home-page .mind-feature .head h2{color:#fff}
.home-page .mind-feature .head p:last-child{color:#DCE8D9}
.home-page .test-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:12px}
.home-page .test-card{
  grid-column:span 4;
  min-height:220px;
  padding:23px;
  border:1px solid rgba(220,232,181,.18);
  border-radius:22px;
  background:rgba(255,255,255,.055);
  box-shadow:none;
  transition:transform var(--ed-smooth) ease,background-color var(--ed-smooth) ease,border-color var(--ed-smooth) ease;
}
.home-page .test-card:nth-child(4),.home-page .test-card:nth-child(5){grid-column:span 6}
.home-page .test-card:hover{transform:translateY(-4px);background:rgba(255,255,255,.09);border-color:rgba(199,240,0,.4)}
.home-page .test-no{color:var(--ed-lime)}
.home-page .test-card strong{color:#fff;font-size:1.15rem}
.home-page .test-card>span:last-child{color:#DCE8D9}
.home-page .section-actions{margin-top:24px}
.home-page .mind-feature .btn.ghost{background:transparent;border-color:rgba(220,232,181,.28);color:#fff}

.home-page .research{
  background:var(--ed-forest);
}
.home-page .research .head h2{color:#fff}
.home-page .research .head p:last-child{color:#DCE8D9}
.home-page .research-grid{grid-template-columns:repeat(3,1fr);gap:14px}
.home-page .research-card{
  position:relative;
  min-height:280px;
  padding:28px;
  border:1px solid rgba(220,232,181,.2);
  border-radius:24px;
  background:rgba(255,255,255,.045);
  transition:transform var(--ed-smooth) ease,background-color var(--ed-smooth) ease,border-color var(--ed-smooth) ease;
}
.home-page .research-card:hover{transform:translateY(-4px);background:rgba(255,255,255,.08);border-color:rgba(199,240,0,.35)}
.home-page .research-index{
  display:block;
  margin-bottom:24px;
  color:rgba(220,232,181,.5);
  font-size:10px;
  font-weight:900;
  letter-spacing:.15em;
}
.home-page .research-card .label{color:var(--ed-lime)}
.home-page .research-card h3{font-size:clamp(1.25rem,2vw,1.65rem);line-height:1.2}
.home-page .research-card h3 a{color:#fff}
.home-page .research-card p{color:#DCE8D9}

.home-page .think-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}
.home-page .think-grid .myth-card{
  position:relative;
  min-height:310px;
  padding:30px;
  border:1px solid var(--ed-line);
  border-radius:var(--ed-radius);
  background:var(--ed-white);
  box-shadow:none;
  transition:transform var(--ed-smooth) ease,box-shadow var(--ed-smooth) ease,border-color var(--ed-smooth) ease;
}
.home-page .think-grid .myth-card:hover{transform:translateY(-4px);box-shadow:var(--ed-shadow-soft)}
.home-page .think-grid .evidence-step{background:var(--ed-green);border-color:var(--ed-green)}
.home-page .think-grid .question-step{border-color:rgba(199,240,0,.55);box-shadow:inset 5px 0 0 var(--ed-lime)}
.home-page .step-no{display:block;margin-bottom:25px;color:var(--ed-olive);font-size:10px;font-weight:900;letter-spacing:.16em}
.home-page .evidence-step .step-no,.home-page .evidence-step strong{color:var(--ed-lime)}
.home-page .think-grid strong{font-size:9px;letter-spacing:.14em}
.home-page .think-grid h3{margin:13px 0 10px;color:var(--ed-forest);font-size:clamp(1.35rem,2.2vw,2rem);line-height:1.13;letter-spacing:-.025em}
.home-page .evidence-step h3{color:#fff}
.home-page .think-grid p{color:var(--ed-muted);font-size:14px}
.home-page .evidence-step p{color:#DCE8D9}
.home-page .think-grid .link{color:var(--ed-lime)}

.home-page .methodology{background:var(--ed-ivory)}
.home-page .method-grid{grid-template-columns:repeat(4,1fr);gap:12px}
.home-page .method-card{min-height:190px;padding:24px;border:1px solid var(--ed-line);border-radius:20px;background:var(--ed-white);transition:transform var(--ed-smooth) ease,box-shadow var(--ed-smooth) ease}
.home-page .method-card:hover{transform:translateY(-3px);box-shadow:var(--ed-shadow-soft)}
.home-page .method-card strong{color:var(--ed-forest)}
.home-page .method-card p{color:var(--ed-muted)}
.home-page .method-links a{border-color:var(--ed-line);background:var(--ed-white);color:var(--ed-forest)}

.home-page .founder{
  gap:clamp(36px,7vw,90px);
}
.home-page .founder img{
  border-radius:28px;
  box-shadow:var(--ed-shadow);
}
.home-page .founder p{color:var(--ed-muted)}
.home-page .pill{border-color:var(--ed-line);background:var(--ed-white);color:var(--ed-forest)}

.home-page .app-card{
  padding:30px 32px;
  border:1px solid var(--ed-line);
  border-radius:var(--ed-radius);
  background:var(--ed-white);
  box-shadow:none;
}
.home-page .app-card h2{color:var(--ed-forest)}
.home-page .app-card p:last-child{color:var(--ed-muted)}

.home-page .footer{
  background:#31543A !important;
  color:#F2F6EF !important;
  border-top-color:rgba(220,232,181,.18);
}
.home-page .footer strong{color:#B7D84B !important}
.home-page .footer p{color:#DCE8D9 !important}
.home-page .footer-links a{color:#F2F6EF !important}
.home-page .footer-links a:hover{color:#B7D84B !important}
.home-page .footer-social-link{border-color:rgba(220,232,181,.24);background:rgba(255,255,255,.035);color:#F2F6EF !important}
.home-page .footer-social-link:hover{background:#B7D84B;border-color:#B7D84B;color:#31543A !important}

.home-page :focus-visible{
  outline:3px solid var(--ed-lime);
  outline-offset:3px;
}
.home-page a,.home-page button{touch-action:manipulation}

@media(max-width:1100px){
  .home-page .hero-grid{grid-template-columns:minmax(0,1fr) minmax(320px,.7fr)}
  .home-page .cat-grid{grid-auto-rows:minmax(105px,auto)}
  .home-page .grid3 .card.feature{grid-column:span 6}
  .home-page .grid3 .card:nth-child(2),.home-page .grid3 .card:nth-child(3){grid-column:span 6}
  .home-page .test-card{grid-column:span 6}
  .home-page .test-card:nth-child(4),.home-page .test-card:nth-child(5){grid-column:span 6}
  .home-page .method-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:820px){
  .home-page .hero-grid{grid-template-columns:1fr;min-height:0}
  .home-page .hero-copy{text-align:center;margin-inline:auto}
  .home-page .hero-lead{margin-inline:auto}
  .home-page .hero-actions{justify-content:center}
  .home-page .hero-secondary{justify-content:center}
  .home-page .hero-photo{justify-self:center}
  .home-page .featured-panel{grid-template-columns:1fr}
  .home-page .featured-side{min-height:300px}
  .home-page .cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-page .cat:nth-child(n){grid-column:span 1}
  .home-page .grid3{grid-template-columns:1fr 1fr}
  .home-page .grid3 .card:nth-child(n){grid-column:span 1}
  .home-page .grid3 .card.feature{grid-column:1/-1}
  .home-page .paths{grid-template-columns:1fr}
  .home-page .path-journey-labels{display:none}
  .home-page .research-grid{grid-template-columns:1fr 1fr}
  .home-page .research-card:last-child{grid-column:1/-1}
  .home-page .think-grid{grid-template-columns:1fr}
  .home-page .think-grid .myth-card{min-height:0}
}
@media(max-width:600px){
  .home-page .site-header{background:rgba(247,245,237,.98)}
  .home-page .hero-grid{padding-block:54px 66px}
  .home-page .hero h1{font-size:clamp(3rem,13vw,4.3rem);line-height:.95}
  .home-page .hero-sub{font-size:18px}
  .home-page .hero-lead{font-size:15px;line-height:1.72}
  .home-page .hero-actions{display:grid;grid-template-columns:1fr;width:min(100%,350px);margin-inline:auto}
  .home-page .hero-actions .btn{width:100%}
  .home-page .hero-meta{border-inline-start:0;padding-inline-start:0}
  .home-page .hero-photo{width:min(100%,350px);padding:11px;border-radius:25px}
  .home-page .hero-photo:after{inset:-18px}
  .home-page .knowledge-orbit span{font-size:7px}
  .home-page .knowledge-orbit span:nth-child(1){left:-2%}
  .home-page .knowledge-orbit span:nth-child(2){right:-2%}
  .home-page .featured-knowledge{padding-top:16px}
  .home-page .editorial-kicker{align-items:flex-start;flex-direction:column;gap:5px}
  .home-page .featured-panel{border-radius:24px}
  .home-page .featured-copy{padding:30px 24px}
  .home-page .featured-copy h2{font-size:clamp(2rem,9vw,3.2rem)}
  .home-page .featured-side{min-height:250px}
  .home-page .question-grid{grid-template-columns:1fr}
  .home-page .question-card{min-height:120px}
  .home-page .cat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .home-page .cat{min-height:104px;padding:12px 8px;font-size:10px}
  .home-page .cat-icon{width:36px;height:36px;flex-basis:36px}
  .home-page .woman-card{grid-template-columns:auto 1fr auto;padding:18px}
  .home-page .grid3{grid-template-columns:1fr}
  .home-page .grid3 .card.feature{grid-column:auto}
  .home-page .grid3 .card:nth-child(n){grid-column:auto}
  .home-page .test-grid{grid-template-columns:1fr}
  .home-page .test-card,.home-page .test-card:nth-child(n){grid-column:auto;min-height:0}
  .home-page .research-grid{grid-template-columns:1fr}
  .home-page .research-card:last-child{grid-column:auto}
  .home-page .method-grid{grid-template-columns:1fr}
  .home-page .app-card{padding:24px}
  .home-page .app-card .btn{width:100%}
}
@media(max-width:430px){
  .home-page .woman-card{grid-template-columns:1fr;text-align:center}
  .home-page .woman-icon{margin-inline:auto}
  .home-page .arrow{display:none}
}
@media(prefers-reduced-motion:reduce){
  .home-page .hero-copy>*,.home-page .hero-photo{animation:none!important}
  .home-page .btn,.home-page .card,.home-page .path,.home-page .cat,.home-page .question-card,.home-page .test-card,.home-page .research-card,.home-page .myth-card,.home-page .method-card{transition:none!important}
}
html[dir="rtl"] .home-page .hero-meta{border-inline-start:1px solid rgba(23,61,42,.2);padding-inline-start:13px}
@media(max-width:600px){
  html[dir="rtl"] .home-page .hero-meta{border-inline-start:0;padding-inline-start:0}
}

.path-link{color:var(--f);font-weight:800;text-decoration:underline;text-decoration-color:var(--s);text-underline-offset:3px}.path-link:hover{color:#496B50;text-decoration-color:var(--l)}

/* OBAID DOCTRINE TODAY — scoped homepage editorial slider */
/* OBAID DOCTRINE: continuously moving psychology and motivation ticker */
.od-mind-ticker{display:flex;align-items:stretch;gap:0;min-height:56px;margin:0;background:#31543A;color:#FAFAF5;border-top:1px solid rgba(49,84,58,.18);border-bottom:1px solid rgba(49,84,58,.18);overflow:hidden}
.od-ticker-label{position:relative;z-index:1;display:flex;align-items:center;gap:9px;flex:0 0 auto;padding:0 clamp(14px,3vw,30px);background:#B7D84B;color:#31543A;font-size:11px;font-weight:900;letter-spacing:.07em;white-space:nowrap}
.od-ticker-pulse{width:7px;height:7px;border-radius:50%;background:#31543A;box-shadow:0 0 0 4px rgba(49,84,58,.12)}
.od-ticker-window{flex:1;min-width:0;overflow:hidden;display:flex;align-items:center}
.od-ticker-track{display:flex;direction:ltr;align-items:center;width:max-content;flex:0 0 auto;animation:odTickerMove 42s linear infinite;will-change:transform}
.od-ticker-group{display:flex;align-items:center;flex:0 0 auto;gap:clamp(16px,2.5vw,32px);padding-inline:clamp(16px,2.5vw,32px)}
.od-ticker-item{display:inline-block;color:#FAFAF5;font-size:12px;font-weight:700;line-height:1.5;white-space:nowrap}
.od-ticker-separator{color:#B7D84B;font-size:12px;flex:0 0 auto}
@keyframes odTickerMove{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.od-ticker-accessible{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:600px){.od-mind-ticker{min-height:50px}.od-ticker-label{padding-inline:13px;font-size:10px}.od-ticker-item{font-size:11px}.od-ticker-track{animation-duration:34s}}
@media(prefers-reduced-motion:reduce){.od-mind-ticker .od-ticker-track{animation-duration:42s!important;animation-iteration-count:infinite!important;will-change:transform}.od-mind-ticker .od-ticker-window{overflow:hidden}.od-mind-ticker .od-ticker-item{white-space:nowrap}}


/* Five-design sitewide preview system — isolated, responsive and reduced-motion aware. */
html[lang="en"] body.home-page{background:#f5f3ee;color:#17283e}
html[lang="en"] body.home-page .site-header{background:rgba(247,245,239,.94);border-bottom-color:#d9e0e7;box-shadow:0 10px 30px rgba(19,44,74,.07)}
html[lang="en"] body.home-page .brand{color:#173451}
html[lang="en"] body.home-page .hero{background:linear-gradient(130deg,#f5f3ee 0%,#fff 52%,#dcecf7 100%);border-radius:0 0 34px 34px}
html[lang="en"] body.home-page .hero h1{color:#132c4a;font-family:Georgia,"Times New Roman",serif;letter-spacing:-.045em;line-height:1.02}
html[lang="en"] body.home-page .hero h1 .accent{background:#cce5f5;color:#132c4a;padding:.02em .12em .08em}
html[lang="en"] body.home-page .hero-sub{color:#234e70}
html[lang="en"] body.home-page .hero-photo{background:#fff;border-color:#cbdbe8;box-shadow:0 22px 60px rgba(19,44,74,.12)}
html[lang="en"] body.home-page .caption{background:rgba(19,44,74,.95)}
html[lang="en"] body.home-page .caption strong{color:#cce5f5}
html[lang="en"] body.home-page .primary{background:#cce5f5;color:#132c4a}
html[lang="en"] body.home-page .ghost{border-color:#cbdbe8;color:#173451}
html[lang="en"] body:not([data-design]):has(.article-list){background:#f5f3ee;color:#17283e}
html[lang="en"] body:not([data-design]):has(.article-list) .page-hero{background:linear-gradient(130deg,#f5f3ee,#fff 65%,#dcecf7);border-bottom:1px solid #d8e1e8}
html[lang="en"] body:not([data-design]):has(.article-list) .page-hero h1{font-family:Georgia,"Times New Roman",serif;color:#132c4a;letter-spacing:-.04em}
html[lang="en"] body:not([data-design]):has(.article-list) .article-card,
html[lang="en"] body:not([data-design]):has(.article-list) .article-list>article{border-color:#d8e1e8;border-radius:18px;box-shadow:0 8px 24px rgba(19,44,74,.055);transition:transform .22s,box-shadow .22s}
html[lang="en"] body:not([data-design]):has(.article-list) .article-card:hover,
html[lang="en"] body:not([data-design]):has(.article-list) .article-list>article:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(19,44,74,.10)}
html[lang="en"] body:not([data-design]):has(.article-body){background:#f5f3ee;color:#202a35}
html[lang="en"] body:not([data-design]):has(.article-body) .page-hero{background:linear-gradient(130deg,#f5f3ee,#fff 70%,#e1edf5);border-bottom:1px solid #d8e1e8}
html[lang="en"] body:not([data-design]):has(.article-body) .page-hero h1{font-family:Georgia,"Times New Roman",serif;color:#132c4a;letter-spacing:-.035em}
html[lang="en"] body:not([data-design]):has(.article-body) .article-body{max-width:790px;line-height:1.85}
html[lang="en"] body:not([data-design]):has(.article-body) .article-body h2,
html[lang="en"] body:not([data-design]):has(.article-body) .article-body h3{font-family:Georgia,"Times New Roman",serif;color:#173451;letter-spacing:-.025em}
html[lang="en"] body[data-design="dark-luxury"]{background:#17191e;color:#f3eee5}
body[data-design="dark-luxury"] .site-header{background:rgba(23,25,30,.96);border-bottom-color:#39363a;box-shadow:0 10px 32px #0003}
body[data-design="dark-luxury"] .brand{color:#d7b56d}
body[data-design="dark-luxury"] .brand small{color:#b8b0a4}
body[data-design="dark-luxury"] .page-hero,
body[data-design="dark-luxury"] .hero{background:linear-gradient(135deg,#17191e,#262329 68%,#392e20);color:#f3eee5}
body[data-design="dark-luxury"] .page-hero h1,
body[data-design="dark-luxury"] .hero h1,
body[data-design="dark-luxury"] h1,
body[data-design="dark-luxury"] h2,
body[data-design="dark-luxury"] h3{color:#f5ead6;font-family:Georgia,"Times New Roman",serif}
body[data-design="dark-luxury"] .lead,
body[data-design="dark-luxury"] p{color:#c7c0b6}
body[data-design="dark-luxury"] .content-wrap,
body[data-design="dark-luxury"] .od-profile-main{color:#f3eee5}
body[data-design="dark-luxury"] .topic-card,
body[data-design="dark-luxury"] .od-profile-card,
body[data-design="dark-luxury"] .hero-card,
body[data-design="dark-luxury"] .section,
body[data-design="dark-luxury"] .feature-section{background:#202126;border-color:#403a34;color:#f3eee5}
body[data-design="dark-luxury"] .btn,
body[data-design="dark-luxury"] .button,
body[data-design="dark-luxury"] .account-link{background:#d7b56d;color:#211c16;border-color:#d7b56d}
body[data-design="dark-luxury"] a{transition:color .2s,background .2s}
body[data-design="dark-luxury"] a:hover{color:#e5c986}
body[data-design="swiss-minimal"]{background:#fff;color:#152b49}
body[data-design="swiss-minimal"] .site-header{background:#fff;border-bottom:2px solid #2457e6;box-shadow:none}
body[data-design="swiss-minimal"] .brand{color:#173b9a}
body[data-design="swiss-minimal"] .page-hero{background:#f5f7fb;border-bottom:1px solid #dfe5f0}
body[data-design="swiss-minimal"] .page-hero h1,
body[data-design="swiss-minimal"] h1,
body[data-design="swiss-minimal"] h2,
body[data-design="swiss-minimal"] h3{color:#173b9a;letter-spacing:-.035em}
body[data-design="swiss-minimal"] .mt-card,
body[data-design="swiss-minimal"] .mt-test-card,
body[data-design="swiss-minimal"] .topic-card,
body[data-design="swiss-minimal"] .panel{border:1px solid #dfe5f0;border-radius:12px;background:#fff;box-shadow:0 5px 18px rgba(23,59,154,.045);transition:transform .2s,border-color .2s}
body[data-design="swiss-minimal"] .mt-card:hover,
body[data-design="swiss-minimal"] .topic-card:hover{transform:translateY(-3px);border-color:#2457e6}
body[data-design="swiss-minimal"] .btn,
body[data-design="swiss-minimal"] .button,
body[data-design="swiss-minimal"] .primary,
body[data-design="swiss-minimal"] .mt-cta{background:#2457e6;color:#fff;border-color:#2457e6}
body[data-design="swiss-minimal"] .secondary,
body[data-design="swiss-minimal"] .note{background:#f5f7fb;border-color:#dfe5f0;color:#24344f}
html[lang="ur"] body:not([data-design="swiss-minimal"]),
body[data-design="warm-humanist"]{background:#fbf4e9;color:#3b3029}
html[lang="ur"] body:not([data-design="swiss-minimal"]) .site-header,
body[data-design="warm-humanist"] .site-header{background:rgba(251,244,233,.96);border-bottom-color:#e7d4c3;box-shadow:0 8px 24px rgba(111,62,43,.06)}
html[lang="ur"] body:not([data-design="swiss-minimal"]) .brand,
body[data-design="warm-humanist"] .brand{color:#8b432e}
html[lang="ur"] body:not([data-design="swiss-minimal"]) .hero,
html[lang="ur"] body:not([data-design="swiss-minimal"]) .page-hero,
body[data-design="warm-humanist"] .hero,
body[data-design="warm-humanist"] .page-hero{background:linear-gradient(135deg,#fbf4e9,#fffaf2 62%,#f1dfd0);border-bottom-color:#e7d4c3}
html[lang="ur"] body:not([data-design="swiss-minimal"]) h1,
html[lang="ur"] body:not([data-design="swiss-minimal"]) h2,
html[lang="ur"] body:not([data-design="swiss-minimal"]) h3,
body[data-design="warm-humanist"] h1,
body[data-design="warm-humanist"] h2,
body[data-design="warm-humanist"] h3{color:#763c2b;font-family:Georgia,"Noto Nastaliq Urdu",serif}
html[lang="ur"] body:not([data-design="swiss-minimal"]) .topic-card,
html[lang="ur"] body:not([data-design="swiss-minimal"]) .article-card,
html[lang="ur"] body:not([data-design="swiss-minimal"]) .article-list>article,
html[lang="ur"] body:not([data-design="swiss-minimal"]) .source-box,
body[data-design="warm-humanist"] .topic-card,
body[data-design="warm-humanist"] .article-card,
body[data-design="warm-humanist"] .source-box,
body[data-design="warm-humanist"] .topic-card{background:#fffaf2;border-color:#ead8c8;border-radius:18px;box-shadow:0 8px 24px rgba(111,62,43,.05)}
html[lang="ur"] body:not([data-design="swiss-minimal"]) .btn,
html[lang="ur"] body:not([data-design="swiss-minimal"]) .button,
body[data-design="warm-humanist"] .btn,
body[data-design="warm-humanist"] .button{background:#a84d32;color:#fff;border-color:#a84d32}
body[data-design="knowledge-lab"]{background:#f2f6f7;color:#142a3a}
body[data-design="knowledge-lab"] .site-header{background:rgba(242,246,247,.96);border-bottom-color:#cbdde1;box-shadow:0 8px 24px rgba(11,39,57,.06)}
body[data-design="knowledge-lab"] .brand{color:#0b4658}
body[data-design="knowledge-lab"] .page-hero{background:linear-gradient(130deg,#0b1b2c,#123a4b 65%,#146d78);color:#f4fbfc}
body[data-design="knowledge-lab"] .page-hero h1{color:#f4fbfc;font-family:Inter,Arial,sans-serif;letter-spacing:-.045em}
body[data-design="knowledge-lab"] .page-hero .lead,
body[data-design="knowledge-lab"] .page-hero p{color:#c8e0e4}
body[data-design="knowledge-lab"] .topic-grid{gap:16px}
body[data-design="knowledge-lab"] .topic-card{position:relative;background:#fff;border:1px solid #cbdde1;border-radius:18px;box-shadow:0 10px 28px rgba(11,39,57,.06);transition:transform .22s,box-shadow .22s,border-color .22s}
body[data-design="knowledge-lab"] .topic-card:hover{transform:translateY(-4px);border-color:#1598a5;box-shadow:0 16px 34px rgba(11,39,57,.12)}
body[data-design="knowledge-lab"] .topic-card h2,
body[data-design="knowledge-lab"] .topic-card h3{color:#0b4658}
body[data-design="knowledge-lab"] .source-box,
body[data-design="knowledge-lab"] .notice{background:#e2f0f1;border-color:#c0dfe2;color:#143847;border-radius:14px}
@media(max-width:760px){
 html[lang="en"] body.home-page .hero{border-radius:0 0 24px 24px}
 html[lang="en"] body.home-page .hero h1{font-size:clamp(40px,11vw,58px)}
 body[data-design="knowledge-lab"] .topic-grid{gap:10px}
 body[data-design="dark-luxury"] .site-header{backdrop-filter:blur(12px)}
}
@media(prefers-reduced-motion:reduce){
 html[lang="en"] body.home-page *,body[data-design] *,html[lang="ur"] body:not([data-design="swiss-minimal"]) *{scroll-behavior:auto!important;animation:none!important;transition:none!important}
}


/* OBAID DOCTRINE — Verywell Mind-inspired premium editorial preview (2026-10-19)
   Preview-only visual layer. Preserves existing content, URLs, metadata and page structure.
   Inspiration is limited to editorial hierarchy and scannable card patterns; no assets or copy copied. */
.home-page{--od-editorial-navy:#142b46;--od-editorial-blue:#d9eaf5;--od-editorial-ink:#172a40;--od-editorial-muted:#617184;--od-editorial-paper:#f7f8fa;}
.home-page .hero{background:linear-gradient(125deg,#f7f8fa 0%,#fff 55%,#eaf3f9 100%);border-radius:0 0 30px 30px;box-shadow:0 18px 55px rgba(20,43,70,.08)}
.home-page .hero h1,.home-page .hero-sub,.home-page .brand,.home-page .head h2{color:var(--od-editorial-navy)}
.home-page .hero h1 .accent{background:var(--od-editorial-blue);box-decoration-break:clone;-webkit-box-decoration-break:clone}
.home-page .primary{background:var(--od-editorial-navy);color:#fff;box-shadow:0 10px 24px rgba(20,43,70,.16)}
.home-page .primary:hover{background:#20476d}
.home-page .hero-photo{border-color:rgba(20,43,70,.15);box-shadow:0 25px 70px rgba(20,43,70,.13)}
.home-page .caption{background:rgba(20,43,70,.95)}
.home-page .caption strong{color:var(--od-editorial-blue)}
.home-page .featured-panel{border-radius:26px;box-shadow:0 18px 50px rgba(20,43,70,.08)}
.home-page .question-card,.home-page .card,.home-page .path,.home-page .research-card,.home-page .test-card,.home-page .myth-card,.home-page .method-card{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.home-page .question-card:hover,.home-page .card:hover,.home-page .path:hover,.home-page .research-card:hover,.home-page .test-card:hover,.home-page .myth-card:hover,.home-page .method-card:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(20,43,70,.12);border-color:rgba(91,145,184,.45)}
.home-page .question-card,.home-page .test-card,.home-page .method-card{border-radius:20px;background:linear-gradient(155deg,#fff 0%,#f8fbfd 100%)}
.home-page .cat:before,.home-page .path:before{background:#7ca9c9}
.home-page .cat:nth-child(2):before,.home-page .path:nth-child(2):before{background:#a7c9df}
.home-page .cat:nth-child(3):before,.home-page .path:nth-child(3):before{background:#c7dfee}
.home-page .woman-card{background:linear-gradient(105deg,#eaf3f9,#fff 58%,#f7f8fa);border-color:rgba(20,43,70,.12)}
.home-page .woman-icon{background:var(--od-editorial-navy)}
.home-page .woman-kicker{color:var(--od-editorial-navy)}
.home-page .research{background:var(--od-editorial-navy)}
.home-page .research-card{background:#1c3a5b;border-color:rgba(255,255,255,.16)}
.home-page .research-card .label{color:var(--od-editorial-blue)}
.home-page .footer{background:#10243a}
.home-page .footer strong{color:var(--od-editorial-blue)}
.home-page .section .head h2{letter-spacing:-.04em}
.home-page .card h3,.home-page .research-card h3,.home-page .path h3{letter-spacing:-.02em}
@media(prefers-reduced-motion:reduce){.home-page .question-card,.home-page .card,.home-page .path,.home-page .research-card,.home-page .test-card,.home-page .myth-card,.home-page .method-card{transition:none}.home-page .question-card:hover,.home-page .card:hover,.home-page .path:hover,.home-page .research-card:hover,.home-page .test-card:hover,.home-page .myth-card:hover,.home-page .method-card:hover{transform:none}}
@media(max-width:700px){.home-page .question-card:hover,.home-page .card:hover,.home-page .path:hover,.home-page .research-card:hover,.home-page .test-card:hover,.home-page .myth-card:hover,.home-page .method-card:hover{transform:none}}


/* Regression guard: legacy navigation controls must never inflate desktop headers. */
.site-header > .mobile{
  display:none;
  box-sizing:border-box;
  width:40px;
  height:40px;
  margin:0;
  padding:0;
  place-items:center;
  flex:0 0 40px;
}
.site-header > .mobile svg{
  display:block;
  width:20px;
  height:20px;
  max-width:20px;
  max-height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
}

/* Keep all five featured Mind Test cards readable on the dark green section. */
.home-page .mind-feature .test-card{
  color:#fff;
  background:#254b35;
  border-color:rgba(255,255,255,.22);
}
.home-page .mind-feature .test-card strong{
  color:#fff;
}
.home-page .mind-feature .test-card > span:not(.test-no){
  color:#e6eee7;
}
.home-page .mind-feature .test-card .test-no{
  color:#173b2b;
  background:#d8ef83;
}
.home-page .mind-feature .test-card:focus-visible{
  outline:3px solid #d8ef83;
  outline-offset:3px;
}
@media(max-width:760px){
  .site-header > .mobile{display:grid;}
}


/* Mind Tests spacing fix: the global .content-wrap padding must not stack inside the hero. */
.mt-page .mt-hero > .content-wrap{
  padding-block:0;
}
@media(max-width:760px){
  .mt-page .mt-hero > .content-wrap{
    padding-block:0;
  }
}


/* Compact the hero on individual Mind Test pages; the sticky header already occupies its own layout space. */
body:has(#test) .page-hero{
  padding-block:42px 30px;
}
@media(max-width:700px){
  body:has(#test) .page-hero{
    padding-block:28px 22px;
  }
}


/* Tighten the pre-title icon/label stack on individual Mind Test pages. */
body:has(#test) .page-hero{
  padding-top:12px !important;
}
body:has(#test) .page-hero .sa-icon{
  display:inline-flex;
  align-items:center;
  font-size:1.25rem;
  line-height:1.2;
  margin:0 8px 6px 0;
  vertical-align:middle;
}
body:has(#test) .page-hero .sa-badge{
  display:inline-flex;
  align-items:center;
  padding:.2rem .55rem;
  margin:0 0 6px;
  font-size:.68rem;
  line-height:1.2;
  vertical-align:middle;
}
@media(max-width:700px){
  body:has(#test) .page-hero{
    padding-top:8px !important;
  }
}


/* The self-awareness pages define these two sizes inline, so explicitly
   compact the icon row to keep the heading close to the top of the hero. */
body:has(#test) .page-hero .sa-icon{
  font-size:1.1rem !important;
  line-height:1 !important;
  margin:-4px 6px 0 0 !important;
  vertical-align:middle !important;
}
body:has(#test) .page-hero .sa-badge{
  padding:.12rem .45rem !important;
  margin:0 0 0 !important;
  font-size:.62rem !important;
  line-height:1.1 !important;
  vertical-align:middle !important;
}
body:has(#test) .page-hero h1{
  margin-top:0 !important;
}

/* Mind Test pages need deterministic scrolling so sticky navigation cannot cover answer controls. */
html:has(#test){scroll-behavior:auto!important;scroll-padding-top:110px;}
body:has(#test) .od-test-option{scroll-margin-top:110px;}


/* Root-cause fix: sticky navigation was intercepting pointer events on Mind Test answers. Keep the header in normal flow on test pages so answer controls remain clickable at every viewport size. */
body:has(#test) .site-header{
  position:relative !important;
  inset-block-start:auto !important;
}


/* OBAID DOCTRINE — Mind Test layout: keep the title and first question in view */
/* Target only interactive test pages; leave article and homepage heroes unchanged. */
body:has(#test) .page-hero{
  padding:12px 0 30px;
}
body:has(#test) .page-hero h1{
  max-width:900px;
  margin:0 0 10px;
  font-size:clamp(1.9rem,3.4vw,3rem);
  line-height:1.12;
  letter-spacing:-.03em;
  overflow-wrap:break-word;
}
body:has(#test) .page-hero .lead{
  max-width:780px;
  margin:0;
  font-size:clamp(15px,1.25vw,17px);
  line-height:1.65;
}
body:has(#test) .page-hero .eyebrow{
  margin-bottom:8px;
}
@media(max-width:700px){
  body:has(#test) .page-hero{padding:8px 0 22px;}
  body:has(#test) .page-hero h1{
    font-size:clamp(1.65rem,7vw,2.25rem);
    line-height:1.16;
    letter-spacing:-.02em;
    margin-bottom:8px;
  }
  body:has(#test) .page-hero .lead{font-size:15px;line-height:1.65;}
}
@media(prefers-reduced-motion:reduce){
  body:has(#test) .page-hero h1{scroll-behavior:auto;}
}


/* Keep shared navigation visible; Mind Test pages already place it in normal flow above. */