/* EMKAN AI v23 — authoritative overview geometry. Loaded last on the AI page. */
html body.emkan-ai-page .emkan-ai-main{
  width:min(940px,calc(100% - 44px))!important;
  margin:30px auto 0!important;
  padding:0 0 54px!important;
}
html body.emkan-ai-page .emkan-ai-stage{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
}
html body.emkan-ai-page .emkan-ai-overview{
  direction:ltr!important;
  display:grid!important;
  width:min(100%,880px)!important;
  height:auto!important;
  min-height:176px!important;
  margin:0 auto!important;
  padding:22px 0 10px!important;
  box-sizing:border-box!important;
  align-items:center!important;
  gap:22px!important;
  border:0!important;
}
html[dir="rtl"] body.emkan-ai-page .emkan-ai-overview{
  grid-template-columns:minmax(250px,.82fr) minmax(390px,1.18fr)!important;
  grid-template-areas:"detail process"!important;
}
html[dir="ltr"] body.emkan-ai-page .emkan-ai-overview{
  grid-template-columns:minmax(390px,1.18fr) minmax(250px,.82fr)!important;
  grid-template-areas:"process detail"!important;
}
html body.emkan-ai-page .emkan-ai-process{
  grid-area:process!important;
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
  max-width:456px!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  align-self:center!important;
  box-sizing:border-box!important;
}
html[dir="rtl"] body.emkan-ai-page .emkan-ai-process{direction:rtl!important;justify-self:end!important}
html[dir="ltr"] body.emkan-ai-page .emkan-ai-process{direction:ltr!important;justify-self:start!important}
/* Spine and diamond share the exact same physical x coordinate. */
html body.emkan-ai-page .emkan-ai-process::before{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  top:22px!important;
  bottom:22px!important;
  width:1px!important;
  background:var(--line)!important;
  pointer-events:none!important;
}
html[dir="rtl"] body.emkan-ai-page .emkan-ai-process::before{right:4px!important;left:auto!important}
html[dir="ltr"] body.emkan-ai-page .emkan-ai-process::before{left:4px!important;right:auto!important}
html body.emkan-ai-page .emkan-ai-process-step{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:44px!important;
  min-height:44px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:var(--category-muted,var(--fg))!important;
  cursor:pointer!important;
  box-sizing:border-box!important;
}
html body.emkan-ai-page .emkan-ai-process-step::before,
html body.emkan-ai-page .emkan-ai-process-step::after{content:none!important;display:none!important}
html body.emkan-ai-page .emkan-ai-process-step>i{
  position:absolute!important;
  z-index:2!important;
  top:50%!important;
  width:8px!important;
  height:8px!important;
  margin:0!important;
  border:1px solid var(--category-muted,var(--fg))!important;
  background:var(--bg)!important;
  border-radius:0!important;
  transform:translateY(-50%) rotate(45deg)!important;
  box-sizing:border-box!important;
}
html[dir="rtl"] body.emkan-ai-page .emkan-ai-process-step>i{right:0!important;left:auto!important}
html[dir="ltr"] body.emkan-ai-page .emkan-ai-process-step>i{left:0!important;right:auto!important}
html body.emkan-ai-page .emkan-ai-process-step>div{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  align-items:center!important;
  column-gap:10px!important;
  height:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}
html[dir="rtl"] body.emkan-ai-page .emkan-ai-process-step>div{
  direction:rtl!important;
  margin-right:16px!important;
  margin-left:0!important;
  text-align:right!important;
}
html[dir="ltr"] body.emkan-ai-page .emkan-ai-process-step>div{
  direction:ltr!important;
  margin-left:16px!important;
  margin-right:0!important;
  text-align:left!important;
}
html body.emkan-ai-page .emkan-ai-process-step strong{
  display:block!important;
  margin:0!important;
  color:var(--fg)!important;
  font-size:10.8px!important;
  font-weight:540!important;
  line-height:1.5!important;
  white-space:nowrap!important;
}
html body.emkan-ai-page .emkan-ai-process-step small{
  display:block!important;
  min-width:0!important;
  margin:0!important;
  color:var(--category-muted,var(--fg))!important;
  font-size:8.7px!important;
  font-weight:400!important;
  line-height:1.6!important;
  white-space:normal!important;
}
html body.emkan-ai-page .emkan-ai-process-step.is-active>i{
  background:var(--hover-accent)!important;
  border-color:var(--hover-accent)!important;
}
html body.emkan-ai-page .emkan-ai-process-step.is-active strong{color:var(--hover-accent)!important}
html body.emkan-ai-page .emkan-ai-process-detail{
  grid-area:detail!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  visibility:visible!important;
  opacity:1!important;
}
html[dir="rtl"] body.emkan-ai-page .emkan-ai-process-detail{direction:rtl!important;text-align:right!important}
html[dir="ltr"] body.emkan-ai-page .emkan-ai-process-detail{direction:ltr!important;text-align:left!important}
html body.emkan-ai-page #aiProcessDetail{
  display:block!important;
  width:100%!important;
  max-width:31ch!important;
  min-height:0!important;
  margin:0!important;
  color:var(--caption-sub,var(--fg))!important;
  font-size:11.2px!important;
  font-weight:420!important;
  line-height:1.95!important;
  letter-spacing:0!important;
}
html body.emkan-ai-page .emkan-ai-workspace{
  width:100%!important;
  min-height:0!important;
  margin-top:-2px!important;
  padding-top:0!important;
}
html body.emkan-ai-page .emkan-ai-tabs{margin-top:0!important}
@media(max-width:900px){
  html body.emkan-ai-page .emkan-ai-main{width:min(100% - 32px,900px)!important;margin-top:24px!important}
  html body.emkan-ai-page .emkan-ai-overview{width:min(100%,760px)!important;gap:18px!important}
  html[dir="rtl"] body.emkan-ai-page .emkan-ai-overview{grid-template-columns:minmax(220px,.82fr) minmax(340px,1.18fr)!important}
  html[dir="ltr"] body.emkan-ai-page .emkan-ai-overview{grid-template-columns:minmax(340px,1.18fr) minmax(220px,.82fr)!important}
}
@media(max-width:760px){
  html body.emkan-ai-page .emkan-ai-main{width:calc(100% - 24px)!important;margin-top:18px!important;padding-bottom:42px!important}
  html body.emkan-ai-page .emkan-ai-overview{
    grid-template-columns:1fr!important;
    grid-template-areas:"process" "detail"!important;
    min-height:0!important;
    gap:12px!important;
    padding:16px 0 12px!important;
  }
  html body.emkan-ai-page .emkan-ai-process{max-width:100%!important;justify-self:stretch!important}
  html body.emkan-ai-page .emkan-ai-process-step{height:42px!important;min-height:42px!important}
  html body.emkan-ai-page .emkan-ai-process::before{top:21px!important;bottom:21px!important}
  html body.emkan-ai-page .emkan-ai-process-step>div{grid-template-columns:1fr!important;row-gap:2px!important;align-content:center!important}
  html body.emkan-ai-page .emkan-ai-process-step strong{font-size:10.5px!important}
  html body.emkan-ai-page .emkan-ai-process-step small{font-size:8.5px!important}
  html body.emkan-ai-page .emkan-ai-process-detail{padding-inline:16px!important}
  html body.emkan-ai-page #aiProcessDetail{max-width:100%!important;font-size:10.8px!important}
}


/* EMKAN AI v24 — compact canonical tree: smaller diamonds, tighter rows, exact spine centre. */
html body.emkan-ai-page .emkan-ai-overview{
  min-height:0!important;
  padding:18px 0 8px!important;
}
html body.emkan-ai-page .emkan-ai-process{
  max-width:456px!important;
}
html body.emkan-ai-page .emkan-ai-process::before{
  top:18px!important;
  bottom:18px!important;
}
html[dir="rtl"] body.emkan-ai-page .emkan-ai-process::before{right:4px!important;left:auto!important}
html[dir="ltr"] body.emkan-ai-page .emkan-ai-process::before{left:4px!important;right:auto!important}
html body.emkan-ai-page .emkan-ai-process-step{
  height:36px!important;
  min-height:36px!important;
}
html body.emkan-ai-page .emkan-ai-process-step>i{
  top:50%!important;
  width:6px!important;
  height:6px!important;
  border-width:1px!important;
  transform:translateY(-50%) rotate(45deg)!important;
}
/* 6px diamond + 1px inset = centre at 4px, exactly on the 4px spine. */
html[dir="rtl"] body.emkan-ai-page .emkan-ai-process-step>i{right:1px!important;left:auto!important}
html[dir="ltr"] body.emkan-ai-page .emkan-ai-process-step>i{left:1px!important;right:auto!important}
html[dir="rtl"] body.emkan-ai-page .emkan-ai-process-step>div{margin-right:13px!important;margin-left:0!important}
html[dir="ltr"] body.emkan-ai-page .emkan-ai-process-step>div{margin-left:13px!important;margin-right:0!important}
html body.emkan-ai-page .emkan-ai-process-step>div{column-gap:9px!important}
html body.emkan-ai-page .emkan-ai-process-step strong{font-size:10.5px!important}
html body.emkan-ai-page .emkan-ai-process-step small{font-size:8.55px!important;line-height:1.5!important}
html body.emkan-ai-page .emkan-ai-workspace{margin-top:0!important}
@media(max-width:760px){
  html body.emkan-ai-page .emkan-ai-process-step{height:34px!important;min-height:34px!important}
  html body.emkan-ai-page .emkan-ai-process::before{top:17px!important;bottom:17px!important}
  html body.emkan-ai-page .emkan-ai-overview{padding:14px 0 8px!important}
}