/* HIMART AX v5 — 02.1 blue-line text, 02.3 3/5 content rail, 03.1 neutral cards, 04.1 line modules. */

/* 02.1 — outline-only blue modules keep all internal copy blue. Parenthetical copy retains 50% opacity. */
html body.himart-ax-page #data .ax-pattern-system .ax-pattern-block.is-blue{
  border-color:var(--hm-blue)!important;
  background:transparent!important;
  color:var(--hm-blue)!important;
}
html body.himart-ax-page #data .ax-pattern-system .ax-pattern-block.is-blue .ax-paren{
  color:var(--hm-blue)!important;
  opacity:.50!important;
}
html body.himart-ax-page #data .ax-pattern-system .ax-pattern-block:not(.is-blue){
  border-color:rgba(255,255,255,.40)!important;
}
html body.himart-ax-page #data .ax-pattern-system .ax-paren{
  display:block!important;
}

/* 02.3 — each row uses a 2/5 copy rail + 3/5 content rail. */
html body.himart-ax-page #data .ax-composition-step{
  grid-template-columns:40% 60%!important;
  column-gap:0!important;
}
html body.himart-ax-page #data .ax-composition-step>span,
html body.himart-ax-page #data .ax-composition-step>h4{
  padding-right:56px!important;
}
html body.himart-ax-page #data .ax-composition-visual{
  width:100%!important;
  max-width:100%!important;
  justify-self:stretch!important;
}

/* 03.1 — cards are structural only: no filled background and no blue current-step rule. */
html body.himart-ax-page #journey .ax-maker-step,
html body.himart-ax-page #journey .ax-maker-step.is-current{
  background:transparent!important;
  border-top-color:rgba(255,255,255,.30)!important;
}
/* Bottom rule text starts flush on the card rail with no bullet/left indent. */
html body.himart-ax-page #journey .ax-maker-step ul{
  justify-items:start!important;
  margin:34px 0 0 -24px!important;
  padding:0!important;
  text-align:left!important;
}
html body.himart-ax-page #journey .ax-maker-step li{
  width:100%!important;
  margin:0!important;
  padding:0!important;
  text-align:left!important;
}
html body.himart-ax-page #journey .ax-maker-step li::before{
  content:none!important;
  margin:0!important;
}

/* 04.1 — replace circular result cards with open line-led modules. */
html body.himart-ax-page #direction .ax-result-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:28px!important;
  width:100%!important;
}
html body.himart-ax-page #direction .ax-result-card,
html body.himart-ax-page #direction .ax-result-card:nth-child(1),
html body.himart-ax-page #direction .ax-result-card:nth-child(2),
html body.himart-ax-page #direction .ax-result-card:nth-child(3){
  display:block!important;
  aspect-ratio:auto!important;
  min-width:0!important;
  min-height:300px!important;
  padding:24px 0 0!important;
  border:0!important;
  border-top:1px solid rgba(255,255,255,.30)!important;
  border-radius:0!important;
  background:transparent!important;
  text-align:left!important;
}
html body.himart-ax-page #direction .ax-result-card span{
  display:block!important;
  margin:0!important;
}
html body.himart-ax-page #direction .ax-result-card strong{
  display:block!important;
  margin:54px 0 0!important;
  color:var(--hm-blue)!important;
}
html body.himart-ax-page #direction .ax-result-card p{
  display:block!important;
  max-width:22ch!important;
  margin:30px 0 0!important;
  font-size:16px!important;
  line-height:1.5!important;
  text-align:left!important;
}

@media(max-width:780px){
  html body.himart-ax-page #data .ax-composition-step{
    grid-template-columns:1fr!important;
  }
  html body.himart-ax-page #data .ax-composition-step>span,
  html body.himart-ax-page #data .ax-composition-step>h4{
    padding-right:0!important;
  }
  html body.himart-ax-page #journey .ax-maker-step ul{
    margin-left:-24px!important;
  }
  html body.himart-ax-page #direction .ax-result-grid{
    grid-template-columns:1fr!important;
    gap:20px!important;
  }
  html body.himart-ax-page #direction .ax-result-card{
    min-height:0!important;
    padding-bottom:32px!important;
  }
}