

.s-method-close{
  
  
  padding-top   : var(--sp-9);
  padding-bottom: var(--sp-7);
}

.s-method-close .mc__open,
.s-method-close .mc__term{
  width:100%;
}

.s-method-close .mc__band{
  align-items:start;
  margin-top   :var(--sp-7);
  margin-bottom:var(--sp-6);
}

.s-method-close .mc__h{
  grid-column:1 / span 7;
}

.s-method-close .mc__act{
  grid-column:8 / span 5;
  align-self:stretch;
  padding-left:var(--sp-6);
  border-left:var(--hair) solid var(--line);
}

.s-method-close .mc__cta{
  align-self:flex-start;
}

.s-method-close .mc__routes{
  margin-top:var(--sp-6);
}

.s-method-close .mc__route{
  border-top:var(--hair) solid var(--line);
  transition:border-color var(--dur-2) var(--ease-out);
}

.s-method-close .mc__link{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:var(--sp-5);
  padding:var(--sp-5) var(--sp-5) var(--sp-5) 0;
  color:var(--fg);
}

.s-method-close .mc__label{
  border-bottom:var(--hair) solid transparent;
  padding-bottom:var(--sp-1);
  transition:border-color var(--dur-1) var(--ease-out);
}

.s-method-close .mc__arrow{
  flex:0 0 auto;
  font-size:var(--fs-lede);
  line-height:1;
  color:var(--fg-mut);
  transition:
    transform var(--dur-2) var(--ease-out),
    color     var(--dur-2) var(--ease-out);
}

.s-method-close .mc__route:hover{ border-top-color:var(--line-strong); }
.s-method-close .mc__link:hover .mc__label{ border-bottom-color:currentColor; }
.s-method-close .mc__link:hover .mc__arrow{
  color:var(--fg);
  transform:translateX(var(--sp-2));
}

.s-method-close .mc__link:focus-visible{
  outline:var(--state-focus-width) solid var(--focus);
  outline-offset:var(--state-focus-offset);
}

@media (max-width: 1100px){
  .s-method-close .mc__h  { grid-column:1 / -1; }
  .s-method-close .mc__act{
    grid-column:1 / -1;
    margin-top:var(--sp-8);
    padding-left:0;
    padding-top:var(--sp-6);
    border-left:0;
    border-top:var(--hair) solid var(--line);
  }
}

@media (max-width: 760px){
  .s-method-close{
    padding-top   : var(--sp-9);
    padding-bottom: var(--sp-8);
  }
  .s-method-close .mc__band{
    margin-top   :var(--sp-7);
    margin-bottom:var(--sp-6);
  }
  .s-method-close .mc__act{ margin-top:var(--sp-7); }

  .s-method-close .mc__cta{
    padding:var(--sp-4) var(--sp-4) var(--sp-5);
    font-size:var(--fs-lede);
  }
  .s-method-close .mc__routes{ margin-top:var(--sp-5); }
  .s-method-close .mc__link{
    padding:var(--sp-4) var(--sp-4) var(--sp-4) 0;
    gap:var(--sp-4);
  }
  .s-method-close .mc__arrow,
  .s-method-close .mc__ctaarrow{ font-size:var(--fs-body); }
}
