:root{--f:#31543A;--l:#B7D84B;--i:#FAFAF5;--s:#DCE8B5;--m:#667067;--line:#DDE5D8;--blue:#78AFCF;--rose:#D78B9A;--gold:#D4A34E;--teal:#6BB9B3}*{box-sizing:border-box}html{scroll-behavior:smooth}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 > .od-mobile-nav-toggle{
    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 > .od-mobile-nav-toggle 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 > .od-mobile-nav-toggle{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 > .od-mobile-nav-toggle.od-mobile-nav-open{
    background:var(--od-soft,var(--s));
  }

  .home-page .site-header > .od-mobile-nav-toggle{
    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 > .od-mobile-nav-toggle{transition:none;}
}