/* ==========================================================================
   faqs.css — scoped refinements for the FAQs page only.
   Loaded via $page_css = 'faqs' in faqs.php.
   Builds on the existing .faq-question-rail rules in doctor.css; here we fill
   the panel that was previously rendering as an empty dark box.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Question rail — the sticky dark panel beside the accordion
   -------------------------------------------------------------------------- */
.faq-question-rail{
  min-height:0;                 /* was forcing 470px of empty space */
  gap:0;
  padding:1.6rem 1.5rem;
  background:linear-gradient(165deg,var(--primary) 0%,var(--primary-strong) 100%);
  box-shadow:var(--shadow-soft);
}

.faq-question-rail > span{
  color:var(--secondary);
  font:.62rem/1 'DM Mono',ui-monospace,monospace;
  letter-spacing:.16em;
}

/* the large count */
.faq-question-rail strong{
  margin-top:.9rem;
  color:var(--secondary);
  font:600 clamp(3.6rem,7vw,5.4rem)/.82 'Manrope',sans-serif;
  letter-spacing:-.06em;
}

.faq-question-rail small{
  margin-top:.55rem;
  color:rgba(255,255,255,.55);
  font:.56rem/1.6 'DM Mono',ui-monospace,monospace;
  letter-spacing:.11em;
}

/* practice quick-facts */
.faq-rail-facts{
  list-style:none;
  margin:1.6rem 0 0;
  padding:1.4rem 0 0;
  border-top:1px solid rgba(255,255,255,.13);
  width:100%;
}
.faq-rail-facts li{
  display:flex;
  align-items:flex-start;
  gap:.6rem;
  font-size:.78rem;
  line-height:1.45;
  color:rgba(255,255,255,.76);
  padding:.42rem 0;
}
.faq-rail-facts i{
  color:var(--secondary);
  font-size:.88rem;
  margin-top:.1rem;
  flex:0 0 auto;
}

.faq-rail-note{
  margin:1.15rem 0 0;
  font-size:.78rem;
  line-height:1.6;
  color:rgba(255,255,255,.6);
}

.faq-question-rail .text-link{
  margin-top:1.5rem;
  color:var(--secondary);
  font-size:.82rem;
  font-weight:600;
}
.faq-question-rail .text-link:hover{color:#fff}

/* --------------------------------------------------------------------------
   Accordion polish
   -------------------------------------------------------------------------- */
.faq-questions-section .faq-item{transition:background .2s ease}
.faq-questions-section .faq-trigger{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1.5rem;
  text-align:left;
  transition:color .18s ease;
}
.faq-questions-section .faq-trigger:hover{color:var(--success)}
.faq-questions-section .faq-trigger i{
  color:var(--secondary);
  flex:0 0 auto;
  transition:transform .25s ease;
}
.faq-questions-section .faq-trigger[aria-expanded="true"] i{transform:rotate(45deg)}

/* --------------------------------------------------------------------------
   Mobile — the rail stops being a tall sticky column
   -------------------------------------------------------------------------- */
@media(max-width:900px){
  .faq-question-rail{
    position:static;
    min-height:0;
  }
  .faq-question-rail strong{
    margin-top:.5rem;
    font-size:3.2rem;
  }
  .faq-rail-facts{margin-top:1.2rem;padding-top:1.2rem}
}