

#home-output .s-home-output__brk{
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--sp-5);
}

#home-output{ padding-block:var(--sp-7); }
#home-output .rail__label{ bottom:var(--sp-7); }

#home-output .s-home-output__h{
  margin-top:var(--sp-6);
  max-width:var(--measure-display);
}
#home-output .s-home-output__h .reveal--line{
  max-width:var(--measure-display);
}

#home-output .s-home-output__cut{
  display:block;
  width:100%;
  height:var(--hair);
  margin:var(--sp-6) 0;
  background:var(--line-strong);
  transform-origin:left;
}

#home-output .s-home-output__band{
  margin-top:var(--sp-6);
}

#home-output .s-home-output__band > .rule{ margin:0; }

#home-output .s-home-output__band > .rule--tick::before{
  top:0;
  width:var(--hair-2);
  height:var(--tick-len);
  background:var(--line-strong);
}

#home-output .s-home-output__cols{
  padding-block:var(--sp-5) var(--sp-6);
  align-items:start;
}

#home-output .s-home-output__div{
  grid-column:7;
  justify-self:end;
  align-self:stretch;
  width:var(--hair);
  margin-block:calc(var(--sp-5) * -1) calc(var(--sp-6) * -1);
  background:var(--line);
  transform-origin:top;
}

#home-output .s-home-output__div.reveal--rule{ transform:scaleY(0); }
#home-output .s-home-output__div.reveal--rule.is-in,
#home-output .is-in .s-home-output__div.reveal--rule{ transform:none; }
html.no-js #home-output .s-home-output__div.reveal--rule{ transform:none; }

#home-output .s-home-output__say{
  color:var(--fg);
  max-width:var(--measure-tight);
}
#home-output .s-home-output__use{
  margin-top:var(--sp-5);
  max-width:var(--measure-tight);
}
#home-output .s-home-output__more{
  margin-top:var(--sp-6);
}

@media (max-width: 1100px){
  #home-output .s-home-output__h{ margin-top:var(--sp-7); }
  #home-output .s-home-output__band{ margin-top:var(--sp-7); }
  #home-output .s-home-output__cols{ padding-block:var(--sp-6) var(--sp-6); }
  #home-output .s-home-output__div{ display:none; }
  #home-output .s-home-output__note{ margin-top:0; }
}

@media (max-width: 760px){
  #home-output .s-home-output__h{ margin-top:var(--sp-6); }
  #home-output .s-home-output__cut{ margin:var(--sp-4) 0; }
  #home-output .s-home-output__band{ margin-top:var(--sp-6); }
  #home-output .s-home-output__cols{ padding-block:var(--sp-5) var(--sp-6); }
  #home-output .s-home-output__use{ margin-top:var(--sp-5); }
  #home-output .s-home-output__more{ margin-top:var(--sp-6); }
}

#home-output .s-home-output__brk2{
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--sp-5);
  margin-top:var(--sp-7);
}
#home-output .s-home-output__brk2 .brk__rule{ align-self:center; }

#home-output .s-home-output__dh{
  margin-top:var(--sp-5);
  max-width:var(--measure-display);
}

#home-output .s-home-output__dband{
  margin-top:var(--sp-6);
  row-gap:0;
  align-items:start;
}

#home-output .s-home-output__dopen,
#home-output .s-home-output__dshut{
  grid-column:1 / span 7;
  margin:0;
}
#home-output .s-home-output__dopen{ grid-row:1; }
#home-output .s-home-output__dshut{ grid-row:3; }

#home-output .s-home-output__dhold{
  grid-column:1 / span 7;
  grid-row:2;
  padding-block:var(--sp-5) var(--sp-6);
  
  padding-inline-end:var(--sp-6);
}

#home-output .s-home-output__dedge{
  grid-column:7;
  grid-row:1 / span 3;
  justify-self:end;
  align-self:stretch;
  width:var(--hair);
  background:var(--line-strong);
  transform-origin:top;
}
#home-output .s-home-output__dedge.reveal--rule{ transform:scaleY(0); }
#home-output .s-home-output__dedge.reveal--rule.is-in,
#home-output .is-in .s-home-output__dedge.reveal--rule{ transform:none; }
html.no-js #home-output .s-home-output__dedge.reveal--rule{ transform:none; }

#home-output .s-home-output__fact{
  color:var(--fg);
  max-width:var(--measure-tight);
}

#home-output .s-home-output__dout{
  grid-column:8 / span 5;
  grid-row:1 / span 3;
  align-self:start;
  padding-top:var(--sp-5);
}
#home-output .s-home-output__dgo{ margin-top:var(--sp-5); }

@media (max-width: 1100px){
  #home-output .s-home-output__dopen,
  #home-output .s-home-output__dshut,
  #home-output .s-home-output__dhold,
  #home-output .s-home-output__dout{ grid-column:1 / -1; }
  
  #home-output .s-home-output__dhold{
    padding-block:var(--sp-6) var(--sp-6);
    padding-inline-end:0;
  }
  #home-output .s-home-output__dedge{ display:none; }
  #home-output .s-home-output__dout{
    grid-row:4;
    padding-block:var(--sp-6) 0;
  }
}

@media (max-width: 760px){
  #home-output .s-home-output__brk2{ margin-top:var(--sp-7); gap:var(--sp-4); }
  #home-output .s-home-output__dh{ margin-top:var(--sp-5); }
  #home-output .s-home-output__dband{ margin-top:var(--sp-6); }
  #home-output .s-home-output__dhold{ padding-block:var(--sp-5) var(--sp-6); }
  #home-output .s-home-output__dout{ padding-block:var(--sp-5) 0; }
  #home-output .s-home-output__dgo{ margin-top:var(--sp-5); }
}

@media (prefers-reduced-motion: reduce){
  #home-output .s-home-output__div.reveal--rule,
  #home-output .s-home-output__dedge.reveal--rule{ transform:none !important; }
}
