#product-use{
  --use-idx  : var(--sp-8);
  --use-inset: calc(var(--sp-8) + var(--gutter));
}

#product-use .rail__label{ bottom:var(--pad-ch-y-lg); }

#product-use .s-product-use__brk{
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--sp-5);
}
#product-use .brk__rule{ align-self:center; }

#product-use .s-product-use__head{
  margin-top:var(--sp-8);
  align-items:start;
}

#product-use .s-product-use__h{
  font-size:min(var(--fs-hero), 12vw);
}
#product-use .s-product-use__h .reveal--line{
  padding-bottom:.12em;
  margin-bottom:-.12em;
}

#product-use .s-product-use__body{
  margin-top:clamp(var(--sp-8), 12vh, var(--sp-10));
  align-items:start;
  row-gap:0;   
}

#product-use .s-product-use__register{ grid-column:1 / span 8; }

#product-use .s-product-use__cue{
  padding-left:var(--use-inset);
  max-width:none;
  color:var(--fg);
}

#product-use .s-product-use__set{
  margin-top:var(--sp-5);
  border-bottom:var(--hair) solid var(--line-strong);
}

#product-use .s-product-use__row{
  display:grid;
  grid-template-columns:var(--use-idx) minmax(0,1fr);
  gap:var(--gutter);
  align-items:start;
  border-top:var(--hair) solid var(--line-strong);
  padding:var(--sp-7) 0 var(--sp-8);
}

#product-use .s-product-use__idx{
  display:block;
  padding-top:var(--sp-1);
  color:var(--fg-mut);
}

#product-use .s-product-use__act{
  display:block;
  font-size:var(--fs-chapter);
  color:var(--fg);
  text-wrap:pretty;
}

#product-use .s-product-use__scope{
  grid-row:2;
  grid-column:9 / span 4;
  margin:0;
  padding-top:var(--sp-5);
  border-top:var(--hair) solid var(--line-strong);
  font-size:var(--fs-lede);
  line-height:var(--lh-lede);
  letter-spacing:var(--ls-lede);
  color:var(--fg);
}

@media (max-width: 1100px){
  #product-use .s-product-use__body{ margin-top:clamp(var(--sp-8), 10vh, var(--sp-9)); }

  #product-use .s-product-use__register{ grid-column:1 / -1; }

  
  #product-use .s-product-use__scope{
    grid-column:1 / -1;
    margin-top:var(--sp-7);
    margin-left:var(--use-inset);
    padding-top:0;
    border-top:0;
    max-width:var(--measure-tight);
  }
}

@media (max-width: 760px){
  #product-use .s-product-use__head{ margin-top:var(--sp-7); }

  #product-use .s-product-use__cue{ padding-left:0; }

  #product-use .s-product-use__row{
    grid-template-columns:minmax(0,1fr);
    gap:var(--sp-3);
    padding:var(--sp-5) 0 var(--sp-6);
  }
  #product-use .s-product-use__idx{ padding-top:0; }

  #product-use .s-product-use__scope{
    margin-top:var(--sp-6);
    margin-left:0;
  }
}