

.s-method-structure .ms__brk{
  grid-template-columns:auto minmax(0,1fr);
}

.s-method-structure .ms__h{
  margin-top:var(--sp-6);
  max-width:var(--measure-display);
}

.s-method-structure .ms__hl > span{ padding-bottom:.18em; }
.s-method-structure .ms__hl + .ms__hl{ margin-top:-.18em; }

.s-method-structure .ms__list{
  position:relative;
  margin-top:var(--sp-7);
}

.s-method-structure .ms__list::before{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:calc((100% - 11 * var(--gutter)) / 12 + var(--gutter) / 2);
  width:var(--hair);
  background:var(--line);
}

.s-method-structure .ms__item{ padding-bottom:var(--sp-5); }

.s-method-structure .ms__rule{
  grid-column:1 / -1;
  grid-row:1;
}

.s-method-structure .ms__idx{
  grid-column:1 / span 1;
  grid-row:2;
  padding-top:.85em;
  color:var(--fg-quiet);
  font-variant-numeric:tabular-nums lining-nums;
}

.s-method-structure .ms__line{
  grid-column:2 / span 8;
  grid-row:2;
  font-size:var(--fs-statement);
  color:var(--fg);
}

.s-method-structure .ms__end{ display:block; }

.s-method-structure .ms__foot{ margin-top:var(--sp-5); }

.s-method-structure .ms__break{
  grid-column:2 / span 8;
  text-wrap:balance;
}

@media (max-width: 1100px){
  
  .s-method-structure .ms__line { grid-column:2 / -1; }
  .s-method-structure .ms__break{ grid-column:2 / -1; }
}

@media (max-width: 760px){
  .s-method-structure{ padding-block:var(--pad-ch-y); }

  .s-method-structure .ms__h{ margin-top:var(--sp-7); }
  .s-method-structure .ms__list{ margin-top:var(--sp-8); }

  .s-method-structure .ms__list::before{
    left:calc(var(--sp-6) + var(--gutter) / 2);
  }

  .s-method-structure .ms__item{
    grid-template-columns:var(--sp-6) minmax(0,1fr);
    padding-bottom:var(--sp-6);
  }
  .s-method-structure .ms__idx { grid-column:1; padding-top:.6em; }
  .s-method-structure .ms__line{ grid-column:2; }

  .s-method-structure .ms__foot { margin-top:var(--sp-6); }
  
  .s-method-structure .ms__break{ grid-column:1 / -1; }
}
