/* XBlog tutorial section headings v1 */
:where(.adx-step-heading,.xm-step-heading,.dg-step-heading,.xt-step-heading){
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  gap:.9rem!important;
  width:100%!important;
  margin:0 0 1rem!important;
  padding:.92rem 1rem!important;
  border:1px solid rgba(96,165,250,.30)!important;
  border-left:4px solid #3b82f6!important;
  border-radius:12px!important;
  background:linear-gradient(135deg,rgba(59,130,246,.10),rgba(15,23,42,.035))!important;
  box-shadow:0 9px 26px rgba(15,23,42,.10)!important;
  font-size:1.45rem!important;
  line-height:1.35!important;
  font-weight:800!important;
  letter-spacing:-.01em!important;
  overflow:hidden!important;
}
:where(.adx-step-heading,.xm-step-heading,.dg-step-heading,.xt-step-heading)::before{
  content:attr(data-step)!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 auto!important;
  min-width:3.55rem!important;
  height:2.65rem!important;
  padding:0 .65rem!important;
  border:1px solid rgba(96,165,250,.42)!important;
  border-radius:8px!important;
  background:#172033!important;
  color:#dbeafe!important;
  box-shadow:0 6px 16px rgba(15,23,42,.16)!important;
  font:800 1.04rem/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace!important;
  letter-spacing:.06em!important;
}
.dark :where(.adx-step-heading,.xm-step-heading,.dg-step-heading,.xt-step-heading){
  border-color:rgba(96,165,250,.34)!important;
  border-left-color:#60a5fa!important;
  background:linear-gradient(135deg,rgba(37,99,235,.13),rgba(15,23,42,.20))!important;
  box-shadow:0 10px 28px rgba(0,0,0,.18)!important;
}
@media(max-width:760px){
  :where(.adx-step-heading,.xm-step-heading,.dg-step-heading,.xt-step-heading){
    align-items:flex-start!important;
    gap:.72rem!important;
    padding:.78rem .82rem!important;
    border-radius:10px!important;
    font-size:1.22rem!important;
    line-height:1.38!important;
  }
  :where(.adx-step-heading,.xm-step-heading,.dg-step-heading,.xt-step-heading)::before{
    min-width:3rem!important;
    height:2.35rem!important;
    font-size:.95rem!important;
  }
}