.phorte-faq-230 {
  --phorte-faq-230-section-bg: #f7f8fa;
  --phorte-faq-230-card-bg: #fff;
  --phorte-faq-230-text: #101828;
  --phorte-faq-230-copy: #52627b;
  --phorte-faq-230-accent: #b91c1c;
  --phorte-faq-230-border: rgba(16, 24, 40, 0.1);
  background: var(--phorte-faq-230-section-bg);
  border-radius: var(--phorte-faq-230-radius, 12px);
  color: var(--phorte-faq-230-text);
  padding: var(--phorte-faq-230-padding, 20px);
}
.phorte-faq-230__inner {
  margin: 0 auto;
  max-width: 900px;
}
.phorte-faq-230 h2 {
  color: var(--phorte-faq-230-text) !important;
  font-size: var(--phorte-faq-230-title-size, 34px);
  font-weight: 900;
  letter-spacing: 0;
  margin: 0;
}
.phorte-faq-230__list {
  display: grid;
  gap: var(--phorte-faq-230-gap, 10px);
  margin-top: 24px;
}
.phorte-faq-230__item {
  background: var(--phorte-faq-230-card-bg);
  border: 1px solid var(--phorte-faq-230-border);
  border-radius: var(--phorte-faq-230-radius, 12px);
  overflow: hidden;
}
.phorte-faq-230 summary {
  align-items: center;
  color: var(--phorte-faq-230-text);
  cursor: pointer;
  display: flex;
  font-size: 16px;
  font-weight: 800;
  gap: 16px;
  justify-content: space-between;
  list-style: none;
  padding: var(--phorte-faq-230-padding, 20px);
}
.phorte-faq-230 summary::-webkit-details-marker {
  display: none;
}
.phorte-faq-230 summary span {
  color: var(--phorte-faq-230-accent);
  font-size: 24px;
  font-weight: 400;
  line-height: 1;
}
.phorte-faq-230__answer {
  border-top: 1px solid var(--phorte-faq-230-border);
  color: var(--phorte-faq-230-copy) !important;
  font-size: var(--phorte-faq-230-body-size, 15px);
  line-height: 1.7;
  padding: 0 var(--phorte-faq-230-padding, 20px)
    var(--phorte-faq-230-padding, 20px);
}
.phorte-faq-230__answer p {
  margin: var(--phorte-faq-230-padding, 20px) 0 0;
}
.phorte-faq-230--immersive {
  --phorte-faq-230-section-bg: #100303;
  --phorte-faq-230-card-bg: #171717;
  --phorte-faq-230-text: #fff;
  --phorte-faq-230-copy: rgba(255, 255, 255, 0.72);
  --phorte-faq-230-border: rgba(255, 255, 255, 0.14);
}
@media (max-width: 767px) {
  .phorte-faq-230 {
    padding: 20px;
  }
  .phorte-faq-230 h2 {
    font-size: 28px;
  }
  .phorte-faq-230 summary {
    font-size: 15px;
  }
}

.phorte-faq-230 {
  background: transparent !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: none !important;
}
.phorte-faq-230__inner {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}
