.varns-accordion-list {
  display: grid;
  gap: 0.6rem;
}

.varns-accordion {
  border: 1px solid var(--varns-border-200);
  border-radius: var(--varns-radius-sm);
  background: rgba(255, 255, 255, 0.88);
}

.varns-accordion summary {
  display: flex;
  min-block-size: 3.6rem;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.95rem 1rem;
  color: var(--varns-charcoal-900);
  font-family: var(--varns-font-display);
  font-size: clamp(1.14rem, 1.06rem + 0.32vw, 1.38rem);
  font-weight: 700;
  line-height: 1.2;
  list-style: none;
  cursor: pointer;
}

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

.varns-accordion__marker {
  position: relative;
  inline-size: 1.25rem;
  block-size: 1.25rem;
  flex: 0 0 auto;
}

.varns-accordion__marker::before,
.varns-accordion__marker::after {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  inline-size: 1rem;
  block-size: 2px;
  transform: translate(-50%, -50%);
  background: var(--varns-orange-600);
  content: "";
}

.varns-accordion__marker::after {
  transform: translate(-50%, -50%) rotate(90deg);
  transition: transform var(--varns-transition-fast);
}

.varns-accordion[open] .varns-accordion__marker::after {
  transform: translate(-50%, -50%) rotate(0);
}

.varns-accordion__content {
  padding: 0 1rem 1rem;
  color: var(--varns-muted-600);
}