/* ZR Orion V123.31 RC11.9.6
   Final targeted polish only:
   Ten Enduring Gaps pathway, Category Boundary, and MIOL Shared Meaning. */

/* ============================================================
   TEN ENDURING GAPS
   Preserve the approved pathway wording while giving each stage
   its own readable visual position.
   ============================================================ */
body.mi-system .gap-atlas > .gap-pathway{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1.35fr) auto minmax(0,1fr)!important;
  align-items:center!important;
  gap:clamp(.65rem,1.4vw,1.15rem)!important;
  width:100%!important;
  max-width:none!important;
  margin:clamp(1.1rem,2vw,1.75rem) 0 clamp(1.8rem,3vw,2.75rem)!important;
  padding:0!important;
  font-size:inherit!important;
  line-height:1.2!important;
  text-wrap:balance!important;
}

body.mi-system .gap-pathway > span:not(.gap-arrow){
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:4.5rem!important;
  padding:1rem 1.15rem!important;
  border:1px solid rgba(79,209,231,.28)!important;
  background:linear-gradient(180deg,rgba(7,31,43,.96),rgba(3,18,28,.96))!important;
  color:#eef8fb!important;
  font-size:clamp(1rem,1.45vw,1.3rem)!important;
  font-weight:650!important;
  letter-spacing:-.018em!important;
  text-align:center!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}

body.mi-system .gap-pathway .gap-arrow{
  color:#20d7ef!important;
  font-size:clamp(1.35rem,2vw,2rem)!important;
  font-weight:400!important;
  line-height:1!important;
}

body.mi-system .gap-atlas .mi-gap{
  align-items:start!important;
  grid-auto-rows:auto!important;
  min-height:0!important;
  height:auto!important;
}

@media(max-width:900px){
  body.mi-system .gap-atlas > .gap-pathway{
    grid-template-columns:1fr!important;
    gap:.55rem!important;
  }
  body.mi-system .gap-pathway .gap-arrow{
    transform:rotate(90deg)!important;
    justify-self:center!important;
  }
  body.mi-system .gap-pathway > span:not(.gap-arrow){
    min-height:0!important;
    width:100%!important;
  }
}

/* ============================================================
   CATEGORY BOUNDARY
   Independent editorial panels prevent unequal list counts from
   manufacturing a false empty grid cell.
   ============================================================ */
body.foundational-paper-page main .mi-boundary-comparison{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:start!important;
  gap:clamp(1rem,2vw,1.35rem)!important;
  margin-top:clamp(1.6rem,2.5vw,2.25rem)!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
}

body.foundational-paper-page main .mi-boundary-comparison > div{
  align-self:start!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  padding:clamp(1.25rem,2.2vw,1.8rem)!important;
  background:linear-gradient(180deg,rgba(5,27,39,.98),rgba(3,17,27,.98))!important;
  border:1px solid rgba(93,205,227,.28)!important;
}

body.foundational-paper-page main .mi-boundary-comparison h3{
  margin:0 0 1rem!important;
  padding-bottom:.85rem!important;
  border-bottom:1px solid rgba(151,205,227,.16)!important;
  color:#f1f8fb!important;
}

body.foundational-paper-page main .mi-boundary-comparison .mi-domain-bands{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-auto-rows:auto!important;
  gap:.7rem!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
}

body.foundational-paper-page main .mi-boundary-comparison .mi-domain-bands > li{
  display:flex!important;
  align-items:flex-start!important;
  width:auto!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding:.8rem .85rem!important;
  background:rgba(8,38,51,.72)!important;
  border:1px solid rgba(126,205,224,.14)!important;
  color:#c7dce6!important;
  font-size:clamp(.9rem,.95vw,1rem)!important;
  line-height:1.45!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
  hyphens:none!important;
}

body.foundational-paper-page main .mi-boundary-comparison .mi-domain-bands > li:last-child:nth-child(odd){
  grid-column:1 / -1!important;
}

@media(max-width:980px){
  body.foundational-paper-page main .mi-boundary-comparison .mi-domain-bands{
    grid-template-columns:1fr!important;
  }
  body.foundational-paper-page main .mi-boundary-comparison .mi-domain-bands > li:last-child:nth-child(odd){
    grid-column:auto!important;
  }
}

@media(max-width:760px){
  body.foundational-paper-page main .mi-boundary-comparison{
    grid-template-columns:1fr!important;
  }
}

/* ============================================================
   MIOL SHARED MEANING
   Fifteen approved concepts resolve perfectly into a 3 x 5 grid.
   No decorative companion column and no incomplete row.
   ============================================================ */
body.miol-page main .pe-semantic-bands{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-auto-flow:row!important;
  grid-auto-rows:auto!important;
  align-items:stretch!important;
  gap:1px!important;
  width:100%!important;
  margin-top:clamp(1.5rem,2.4vw,2.1rem)!important;
  padding:1px!important;
  background:rgba(79,209,231,.2)!important;
  border:0!important;
  overflow:hidden!important;
}

body.miol-page main .pe-semantic-bands > li{
  display:flex!important;
  align-items:center!important;
  grid-column:auto!important;
  grid-row:auto!important;
  width:auto!important;
  min-width:0!important;
  min-height:4.2rem!important;
  height:auto!important;
  margin:0!important;
  padding:1rem 1.15rem!important;
  background:#04131f!important;
  border:0!important;
  color:#d1e3eb!important;
  line-height:1.42!important;
  list-style:none!important;
  opacity:1!important;
  visibility:visible!important;
}

body.miol-page main .pe-semantic-bands > li::before,
body.miol-page main .pe-semantic-bands > li::after,
body.miol-page main .pe-semantic-bands::before,
body.miol-page main .pe-semantic-bands::after{
  content:none!important;
  display:none!important;
}

body.miol-page main .pe-semantic-bands > li:last-child:nth-child(odd){
  grid-column:auto!important;
}

@media(max-width:980px){
  body.miol-page main .pe-semantic-bands{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.miol-page main .pe-semantic-bands > li:last-child:nth-child(odd){
    grid-column:1 / -1!important;
  }
}

@media(max-width:640px){
  body.miol-page main .pe-semantic-bands{
    grid-template-columns:1fr!important;
  }
  body.miol-page main .pe-semantic-bands > li:last-child:nth-child(odd){
    grid-column:auto!important;
  }
}