.circle-membership-rules {
  margin-block: 22px;
  max-width: 100%;
  min-width: 0;
  border: 1px solid #d8cce7;
  border-radius: 18px;
  background: #fffdf9;
  color: #30283e;
  text-align: start;
  overflow-wrap: anywhere;
}
.circle-membership-rules > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 56px;
  padding: 16px 20px;
  border-radius: 17px;
  cursor: pointer;
  font-size: 17px;
  font-weight: 650;
  line-height: 1.45;
  list-style: none;
  touch-action: manipulation;
}
.circle-membership-rules > summary::-webkit-details-marker { display: none; }
.circle-membership-rules > summary::marker { content: ''; }
.circle-membership-rules > summary:hover { background: #f7f1fb; }
.circle-membership-rules > summary:focus-visible { outline: 3px solid #8863d3; outline-offset: 3px; }
.circle-membership-rules > summary svg { flex: 0 0 20px; color: #70578c; }
.circle-membership-rules[open] > summary { border-end-start-radius: 0; border-end-end-radius: 0; }
.circle-membership-rules[open] > summary svg { transform: rotate(180deg); }
.circle-membership-rules > ol {
  margin: 0;
  padding-block: 0 20px;
  padding-inline: 46px 20px;
  font-size: 16px;
  line-height: 1.75;
}
.circle-membership-rules > ol > li { padding-block: 12px; padding-inline-start: 4px; }
.circle-membership-rules > ol > li + li { border-top: 1px solid #ece5f1; }
.circle-membership-rules > ol > li::marker { color: #70578c; font-weight: 650; }
@media (max-width: 480px) {
  .circle-membership-rules { margin-block: 18px; }
  .circle-membership-rules > summary { padding-inline: 16px; }
  .circle-membership-rules > ol { padding-inline: 39px 16px; }
}