/* INFOTECH V7.4.4 Patch 3.10UX4 — Contextual help polish
   Compact, tool-specific guidance. UI-only. */
.infotech-howto-310ux1.infotech-contextual-help-310ux4{
  margin:clamp(12px,2vw,22px) 0!important;
  padding:clamp(13px,2vw,18px)!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,rgba(4,18,36,.58),rgba(10,10,28,.48))!important;
  box-shadow:0 14px 44px rgba(0,0,0,.20), inset 0 0 0 1px rgba(255,255,255,.028)!important;
}
.infotech-howto-310ux1.infotech-contextual-help-310ux4::before{
  opacity:.48;
}
.infotech-contextual-help-310ux4 .howto-head{
  align-items:center!important;
  margin-bottom:12px!important;
}
.infotech-contextual-help-310ux4 .howto-kicker{
  margin-bottom:4px!important;
  font-size:.68rem!important;
  letter-spacing:.14em!important;
}
.infotech-contextual-help-310ux4 h2{
  font-size:clamp(1.02rem,1.6vw,1.35rem)!important;
}
.infotech-contextual-help-310ux4 .howto-note{
  max-width:520px!important;
  font-size:.82rem!important;
  line-height:1.42!important;
  color:rgba(225,238,255,.70)!important;
}
.infotech-contextual-help-310ux4 .howto-grid{
  gap:10px!important;
}
.infotech-contextual-help-310ux4 .howto-step{
  min-height:88px!important;
  padding:12px 13px!important;
  border-radius:14px!important;
  display:grid!important;
  grid-template-columns:28px 1fr!important;
  grid-template-areas:"num title" "num text"!important;
  column-gap:10px!important;
  align-items:start!important;
}
.infotech-contextual-help-310ux4 .howto-num{
  grid-area:num!important;
  width:28px!important;
  height:28px!important;
  margin:1px 0 0!important;
  border-radius:10px!important;
  font-size:.82rem!important;
}
.infotech-contextual-help-310ux4 .howto-title{
  grid-area:title!important;
  margin:0 0 4px!important;
  font-size:.92rem!important;
}
.infotech-contextual-help-310ux4 .howto-text{
  grid-area:text!important;
  font-size:.8rem!important;
  line-height:1.42!important;
}
.infotech-contextual-help-310ux4 .ux4-help-note{
  display:inline-flex;
  margin-top:10px;
  padding:6px 9px;
  border-radius:999px;
  border:1px solid rgba(0,245,255,.18);
  color:#95f4ff;
  background:rgba(0,245,255,.055);
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.02em;
}
@media(max-width:860px){
  .infotech-contextual-help-310ux4 .howto-step{
    min-height:auto!important;
  }
}