/* Keep the learning journey horizontal on tablet/desktop, even in a side panel. */
.studio-intro .manifest.student-steps{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:center;padding:20px}
.studio-intro .student-steps>div{min-width:0;grid-template-columns:35px minmax(0,1fr);column-gap:6px}
.studio-intro .student-steps>i{display:block;margin:0;font-size:18px}
.studio-intro .student-steps small{line-height:1.6;overflow-wrap:anywhere}
@media(max-width:520px){
  .studio-intro .manifest.student-steps{grid-template-columns:minmax(0,1fr);gap:10px}
  .studio-intro .student-steps>i{justify-self:start;margin-left:7px;transform:rotate(90deg)}
}