.cd-accordion {
  border-top:1px solid var(--cd-border)
}

.cd-accordion details {
  border-bottom:1px solid var(--cd-border)
}

.cd-accordion summary {
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding-block:25px;
  cursor:pointer;
  font-family:var(--cd-heading);
  font-weight:600;
  font-size:clamp(16px,1.8vw,19px);
  line-height:1.45
}

.cd-accordion summary::-webkit-details-marker {
  display:none
}

.cd-accordion summary:hover {
  color:var(--cd-accent)
}

.cd-accordion__icon {
  position:relative;
  flex:0 0 20px;
  width:20px;
  height:20px
}

.cd-accordion__icon::before,.cd-accordion__icon::after {
  content:"";
  position:absolute;
  inset:9px 2px auto;
  height:1.5px;
  background:currentColor;
  transition:transform var(--cd-ease)
}

.cd-accordion__icon::after {
  transform:rotate(90deg)
}

.cd-accordion details[open] .cd-accordion__icon::after {
  transform:rotate(0)
}

.cd-accordion__answer {
  padding:0 44px 26px 0;
  color:var(--cd-muted);
  font-size:16px;
  line-height:1.8
}
