/* ==========================================================================
   pages/faqs.css — styles for faqs.php only
   Moved out of faqs.php. Loaded by this page through $extra_css.
   Every value is written out (no CSS variables) and every selector has its
   own rule, so changing one block never touches another.
   ========================================================================== */

.faq-tab-btn {
  padding: 9px 20px;
  border-radius: 50px;
  font-family: "Jost", sans-serif;
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  border: 1.5px solid #e0c8e8;
  color: #4a154bd6;
  background: #ffffff;
  cursor: pointer;
  transition: all 0.25s;
}

.faq-tab-btn:hover {
  border-color: #4a154b;
  background: #f0e0f2;
  color: #4a154b;
}

.faq-tab-btn.active {
  background: #4a154b;
  border-color: #4a154b;
  color: #f9f0fa;
}