.st-mp.v1 {

  .sm-list,
  .sm-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  /* Indentation: each nested level is pushed in from its parent. */
  .sm-list ul {
    padding-left: 1.5rem;
  }

  .sm-list li {
    position: static;
    padding: 0.12rem 0;
  }

  /* Separate each top-level page/group. */
  .sm-list > li {
    margin-top: 0.85rem;
  }

  .sm-list > li:first-child {
    margin-top: 0;
  }

  /* The inherited content-style bullet sits on the whole <li>, which for a
     parent row spans the title AND its nested children — so it reads as
     centered on the group. Drop it and put the bullet on the title link,
     which is always a single line. */
  .sm-list li::before {
    content: none !important;
  }

  .sm-list a {
    position: relative;
    display: inline-block;
    padding-left: 1.25rem;
    text-decoration: none;
  }

  .sm-list a::before {
    content: '';
    position: absolute;
    top: 0.5em;
    left: 0;
    width: 0.72em;
    height: 0.62em;
    background-color: var(--buttons);
    clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
  }

  .sm-list a:hover {
    text-decoration: underline;
  }

  /* Any page that has children reads as a group header. */
  .sm-list li:has(> ul) > a {
    font-weight: 600;
  }
}