/* ==========================================================================
   Komater Tools - 主样式表
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. CSS 变量（自定义属性）
   -------------------------------------------------------------------------- */
   :root {
    --bs-primary: #3897B3;      /* 主品牌色 - 蓝色 */
    --bs-primary-light: #4EC1C4; /* 主色调的浅色变体 */
    --bs-background: #F2F7F7;    /* 主背景色 */
    --bs-highlight: #F1C40F;     /* 强调色 - 黄色 */
    --bs-text-dark: #2C3E50;     /* 深色文字 */
  }
  
  /* --------------------------------------------------------------------------
     2. 基础样式
     -------------------------------------------------------------------------- */
  body {
    font-family: 'Poppins', sans-serif;
    background-color: var(--bs-background);
    color: var(--bs-text-dark);
    margin: 0;
    min-width: 320px; /* 防止在小屏幕上出现横向滚动条 */
  }
  
  /* 全宽区域通用类 */
  /* 已迁移到utilities.css，无需保留 */
  
  /* --------------------------------------------------------------------------
     3. 排版样式
     -------------------------------------------------------------------------- */
  h1, h2 {
    font-weight: 600;
    color: var(--bs-text-dark);
  }
  
  .highlight {
    color: var(--bs-highlight);
  }

.faq-page-main-content {
  background-color: #fff; /* White background for the main FAQ content area */
  padding: 40px 0; /* Add some vertical padding; horizontal padding is handled by .container */
  min-height: 60vh; /* Ensure it takes up a good portion of the viewport height */
}

.faq-page-main-content .container {
  max-width: 1300px; /* Adjusted max-width for FAQ content */
}

.accordion-button:not(.collapsed) {
  color: var(--bs-primary); /* Change color of active accordion button text */
  background-color: var(--bs-background); /* Lighter background for active accordion header */
}

.accordion-button:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25); /* Bootstrap primary focus color */
}

/* Optional: Style for accordion item borders or spacing if needed */
.accordion-item {
  border-color: #dee2e6; /* Standard Bootstrap border color, adjust if needed */
}