.simple_faq_container{
  display:flex;
  gap:24px;
  align-items:flex-start;
}

/* CARD look zoals screenshot */
.simple_faq_main_content{
  flex:1;
  min-width:0;
  font-family: Arial, Helvetica, sans-serif;

  border:1px solid #e6e6e6;
  border-radius:8px;
  background:#fff;
  overflow:hidden;
}

/* (Als je search niet gebruikt: laat staan, kan geen kwaad) */
.simple_faq_main_content .simple_faq_search_wrapper{
  position:relative;
  max-width:640px;
  margin:16px auto 12px;
  padding:0 12px;
}
.simple_faq_main_content .simple_faq_search_wrapper .simple_faq_search_input{
  width:100%;
  padding:12px 40px 12px 14px;
  border:1px solid #e5e7eb;
  border-radius:8px;
  font-size:1rem;
  line-height:1.5;
  transition:border-color .2s, box-shadow .2s;
}
.simple_faq_main_content .simple_faq_search_wrapper .simple_faq_search_input:focus{
  outline:none;
  border-color:#cfd8ff;
  box-shadow:0 0 0 3px rgba(207,216,255,.45);
}
.simple_faq_main_content .simple_faq_search_wrapper .simple_faq_search_clear{
  position:absolute;
  right:20px;
  top:50%;
  transform:translateY(-50%);
  border:0;
  background:transparent;
  font-size:1.5rem;
  line-height:1;
  padding:4px 8px;
  cursor:pointer;
  color:#6b7280;
  transition:color .2s;
}
.simple_faq_main_content .simple_faq_search_wrapper .simple_faq_search_clear:hover{
  color:#111827;
}

.simple_faq_main_content h2{
  margin:0 0 12px 0 !important;
  padding:16px 18px;
  border-bottom:1px solid #ededed;
}

/* Accordion items */
.simple_faq_main_content .simple_faq_accordion .simple_faq_single{
  padding:0;
  border-bottom:1px solid #ededed;
}
.simple_faq_main_content .simple_faq_accordion .simple_faq_single:last-child{
  border-bottom:0;
}

/* Heading rij */
.simple_faq_main_content .simple_faq_accordion .simple_faq_single .simple_faq_accordion_heading{
  position:relative;
  margin:0;
  padding:16px 44px 16px 18px;  /* ruimte voor chevron */
  font-weight:600;
  font-size:16px;
  line-height:1.35;
  cursor:pointer;
  text-transform:none;

  color:#111;                  /* zwart zoals screenshot */
  background:#fff;
  transition:background .15s ease, color .15s ease;
}
.simple_faq_main_content .simple_faq_accordion .simple_faq_single .simple_faq_accordion_heading:hover{
  background:#fafafa;
}

/* Chevron rechts */
.simple_faq_main_content .simple_faq_accordion .simple_faq_single .simple_faq_accordion_heading .simple_faq_icon{
  position:absolute;
  right:16px;
  top:50%;
  transform:translateY(-50%);
  font-size:16px;
  color:#6b7280;
  transition:transform .2s ease, color .2s ease;
}

/* Content */
.simple_faq_main_content .simple_faq_accordion .simple_faq_single .simple_faq_accordion_content{
  display:none;
  padding:0 18px 16px 18px;
  color:#333;
  font-size:14px;
  line-height:1.6;
}
.simple_faq_main_content .simple_faq_accordion .simple_faq_single .simple_faq_accordion_content p{
  margin:10px 0 0 0;
}
.simple_faq_main_content .simple_faq_accordion .simple_faq_single .simple_faq_accordion_content > *:first-child{ margin-top:10px; }
.simple_faq_main_content .simple_faq_accordion .simple_faq_single .simple_faq_accordion_content > *:last-child{ margin-bottom:0; }

/* Open state (jij gebruikt .accordion_open) */
.simple_faq_main_content .simple_faq_accordion .simple_faq_single.accordion_open
.simple_faq_accordion_heading .simple_faq_icon{
  transform:translateY(-50%) rotate(180deg);
  color:#111;
}

/* Highlight */
.simple_faq_main_content mark{
  background:#fde68a;
  color:inherit;
  padding:0 .1em;
  border-radius:2px;
}

.simple_faq_main_content .simple_faq_empty_msg{
  margin:12px 18px 16px;
  color:#6b7280;
  font-style:italic;
}

/* Sidebar: optioneel. Wil je screenshot exact? Zet display:none; */
.simple_faq_sidebar{
  flex:0 0 280px;
  border-left:1px solid #ddd;
  padding:20px;
}
.simple_faq_sidebar h3{
  margin-top:10px;
  font-size:1.2em;
  text-transform:none;
}
.simple_faq_sidebar #simple_faq_topics_sidebar{
  list-style-type:none;
  padding:0;
  margin-bottom:0;
  font-family: Arial, Helvetica, sans-serif;
}
.simple_faq_sidebar #simple_faq_topics_sidebar li{ padding:5px 0px; }
.simple_faq_sidebar #simple_faq_topics_sidebar li a{
  font-size:1em;
  color:#006699;
  text-decoration:none;
  transition:color .2s;
}
.simple_faq_sidebar #simple_faq_topics_sidebar li a:hover{ color:#004d73; }

@media only screen and (max-width: 991px){
  .simple_faq_container{ flex-direction:column; }
  .simple_faq_main_content{ width:100%; }
  .simple_faq_sidebar{
    flex:1 1 auto;
    width:100%;
    margin-top:24px;
    border-left:none;
    border-top:1px solid #ddd;
  }
}