/* Munawar.in layout + interaction refinements — 2026-09 */
:root{--content-max:1480px;--section-space:clamp(76px,7vw,112px)}
.section{padding-top:var(--section-space)!important;padding-bottom:var(--section-space)!important}
.section>.shell,.seo-related>.shell{width:min(var(--content-max),calc(100% - 64px));margin-inline:auto}
.section-head{gap:clamp(28px,5vw,72px)!important;margin-bottom:clamp(28px,3vw,42px)!important}
.section-head>div{min-width:0}.section-head>p{margin-top:0;margin-bottom:0}
.final-cta{width:100%;box-sizing:border-box}
@media(max-width:820px){.section>.shell,.seo-related>.shell{width:min(var(--content-max),calc(100% - 32px))}.section-head{gap:18px!important}}
@media(max-width:560px){.section>.shell,.seo-related>.shell{width:min(var(--content-max),calc(100% - 22px))}}
/* keep cards readable while adding restrained depth */
.k-card,.role-card,.project-card,.guide-stage,.purpose-card,.article-card,.article-card-new{transform-style:preserve-3d;will-change:transform}
@media(prefers-reduced-motion:reduce){.k-card,.role-card,.project-card,.guide-stage,.purpose-card,.article-card,.article-card-new{transform:none!important;transition:none!important}}

/* Homepage corrective patch — 2026-09-23 */
.home-art-section{position:relative;isolation:isolate;overflow:hidden}
.home-art-section>.shell{position:relative;z-index:2}
.home-art-section .section-art{position:absolute;z-index:0;pointer-events:none;width:min(760px,52vw);height:min(620px,80%);right:clamp(-80px,-3vw,-20px);top:50%;translate:0 -50%;background-repeat:no-repeat;background-position:center;background-size:contain;opacity:.18;filter:saturate(.92) contrast(.96);transition:transform .18s linear}
#knowledge .section-art{background-image:url('/assets/images/home-sections/knowledge.webp');opacity:.16}
#tools .section-art{background-image:url('/assets/images/home-sections/tools.webp');opacity:.15;filter:saturate(.85) brightness(1.08)}
#resources .section-art{background-image:url('/assets/images/home-sections/resources.webp');opacity:.17}
#career .section-art{background-image:url('/assets/images/home-sections/career.jpg');opacity:.13;filter:saturate(.8) brightness(1.05)}
#platform .section-art{background-image:url('/assets/images/home-sections/platform.jpg');opacity:.18}
#ai-hub .section-art{background-image:url('/assets/images/home-sections/ai.jpg');opacity:.16}
.theme-dark.home-art-section:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(9,31,56,.9) 0%,rgba(9,31,56,.52) 55%,rgba(9,31,56,.2) 100%)}
.theme-dark.home-art-section>.shell{z-index:2}

/* Preserve the compact hyphen without changing heading tracking. */
.hero-hyphen{display:inline-block;font-family:Arial,Helvetica,sans-serif;font-weight:800;letter-spacing:0;margin-inline:.015em;transform:translateY(-.055em) scaleX(.72);transform-origin:center}
.gradient .hero-hyphen{-webkit-text-fill-color:#3487e8;color:#3487e8}

/* Tools: use the common outer grid; the panel itself remains a distinct dark tool surface. */
#tools .tools-wrap{width:100%;box-sizing:border-box;margin:0;padding:clamp(34px,4vw,58px);grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:clamp(38px,5vw,72px)}

/* Platform: restore breathing room and reserve the artwork side. */
#platform{min-height:clamp(430px,42vw,610px);display:flex;align-items:center}
#platform .platform-layout{display:grid;grid-template-columns:minmax(0,.92fr) minmax(320px,1.08fr);gap:clamp(36px,6vw,90px);align-items:center;min-height:300px}
#platform .platform-copy{max-width:720px}
#platform .platform-copy h2{margin-top:12px}
#platform .platform-visual-space{min-height:300px}
#platform .section-art{right:clamp(0px,3vw,60px);width:min(720px,48vw);opacity:.2}

/* AI: explicit two-card grid so global card rules cannot collapse the cards. */
#ai-hub .ai-feature-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:clamp(18px,2vw,28px)!important;align-items:stretch;width:100%;position:relative;z-index:2}
#ai-hub .ai-feature-grid>.k-card{display:flex!important;flex-direction:column!important;position:relative!important;width:auto!important;min-width:0!important;min-height:300px!important;padding:clamp(24px,2.4vw,34px)!important;box-sizing:border-box!important;overflow:hidden}
#ai-hub .ai-feature-grid>.k-card .go{margin-top:auto}
#ai-hub .ai-explore-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px;position:relative;z-index:2}

@media(max-width:1050px){
  .home-art-section .section-art{width:min(620px,60vw);opacity:.12}
  #platform .platform-layout{grid-template-columns:minmax(0,1fr) minmax(260px,.72fr)}
}
@media(max-width:820px){
  .home-art-section .section-art{width:78vw;height:60%;right:-24vw;top:52%;opacity:.09!important}
  #tools .tools-wrap{grid-template-columns:1fr;gap:30px}
  #platform{min-height:auto}
  #platform .platform-layout{grid-template-columns:1fr;min-height:0}
  #platform .platform-visual-space{min-height:180px}
  #platform .section-art{width:70vw;right:-16vw;top:64%}
  #ai-hub .ai-feature-grid{grid-template-columns:1fr!important}
  #ai-hub .ai-feature-grid>.k-card{min-height:260px!important}
  #ai-hub .ai-explore-row{align-items:flex-start;flex-direction:column}
}
@media(max-width:560px){
  .home-art-section .section-art{width:92vw;right:-38vw;opacity:.075!important}
  #platform .platform-visual-space{min-height:130px}
  #ai-hub .ai-feature-grid>.k-card{min-height:230px!important;padding:22px!important}
}
@media(prefers-reduced-motion:reduce){.home-art-section .section-art{transform:none!important;transition:none!important}}