.about-tech{
  max-width:900px;
  margin:0 auto
}
.about-tech__header{
  padding-bottom:2rem;
  border-bottom:1px solid #eee
}
.content-block .about-tech__lead{
  max-width:820px;
  color:var(--txt);
  font-size:clamp(1.7rem,2vw,2rem);
  line-height:1.65
}
.content-block .about-tech__updated{
  margin-bottom:0;
  font-size:1.4rem
}
.about-tech__toc{
  margin-top:2.4rem;
  padding:1.8rem 2rem;
  border:1px solid #f0d9ea;
  border-radius:var(--rad);
  background:var(--rose)
}
.content-block .about-tech__toc h2{
  margin:0 0 .8rem;
  font-size:2rem
}
.about-tech__toc ul{
  columns:2;
  column-gap:3rem
}
.about-tech__toc li{
  break-inside:avoid;
  margin-bottom:.45rem
}
.about-tech section{
  scroll-margin-top:82px;
  margin-top:3.2rem
}
.content-block .about-tech section h2{
  margin:0 0 1.2rem;
  line-height:1.3
}
.about-tech section li+li{
  margin-top:.65rem
}
.about-tech section ul{
  margin-bottom:1.4rem
}
.about-tech__note{
  margin-top:1.8rem;
  padding:1.4rem 1.6rem;
  border-left:4px solid var(--prim);
  border-radius:0 var(--rad) var(--rad) 0;
  background:var(--rose)
}
.content-block .about-tech__note p{
  margin:0;
  color:var(--txt)
}
.about-tech__stack{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.8rem 2.4rem
}
@media(max-width:680px){
  .content-block{
    padding:1.8rem
  }
  .about-tech__toc ul{
    columns:1
  }
  .about-tech__stack{
    grid-template-columns:1fr
  }
}