.mlp-mcp-rail::-webkit-scrollbar { height: 0; width: 0; }
  .mlp-mcp-rail { scrollbar-width: none; -ms-overflow-style: none; }

  /* The steps are a TIMELINE, which is left-aligned by nature: the spine runs
     down the left edge and the badges sit on it. There is deliberately no
     mobile-centring rule for them, because centring a timeline breaks the one
     thing it communicates. Only the finish block centres, and it does that
     inline because it is off the spine by design.

     The old two-column row rules that lived here were dead: the step sets
     grid-template-columns inline, which beats any stylesheet rule. */
  .mlp-mcp-code { text-align: left; }

  @media (max-width: 560px) {
    /* Titles tighten before they wrap onto three lines beside a badge. */
    .mlp-mcp-step-title { font-size: 14.5px; }
  }