.accordion summary{
  display:flex;
  position:relative;
  line-height:1;
  padding:1.5rem 0;
  list-style:none
}
.accordion summary::-webkit-details-marker{
  display:none
}
.accordion .summary__title{
  display:flex;
  flex:1
}
.accordion .summary__title+.icon-caret{
  display:none /* Hide default chevron */
}
.accordion+.accordion{
  margin-top:0;
  border-top:none
}
.accordion{
  margin-top:2.5rem;
  margin-bottom:0;
  border-top:.1rem solid rgba(var(--color-foreground),.08);
  border-bottom:.1rem solid rgba(var(--color-foreground),.08)
}
.accordion__title{
  display:inline-block;
  max-width:calc(100% - 6rem);
  min-height:1.6rem;
  margin:0;
  word-break:break-word
}
.accordion .svg-wrapper{
  align-self:center;
  fill:rgb(var(--color-foreground));
  height:calc(var(--font-heading-scale) * 2rem);
  margin-right:calc(var(--font-heading-scale) * 1rem);
  width:calc(var(--font-heading-scale) * 2rem)
}

/* NEW: Add +/- icons */
.accordion summary:after{
  content:"+";
  position:absolute;
  right:1rem;
  top:50%;
  transform:translateY(-50%);
  font-size:1.8rem;
  font-weight:400;
  line-height:1
}
.accordion details[open]>summary:after{
  content:"-";
  transform:translateY(-50%)
}

.accordion__content{
  margin-bottom:1.5rem;
  word-break:break-word;
  overflow-x:auto;
  padding:0 .6rem
}
.accordion__content img{
  max-width:100%
}