/**
 * Module CSS: 32-faq.css
 * Trích nguyên văn dòng 1557-1613 của pctech-homepage.css gốc.
 * Không đổi nội dung — chỉ tách file theo đúng marker sẵn có trong code gốc.
 */
    /* ── FAQ ── */
    .faq-list { max-width: none; margin: 0; }
    .faq-item {
      border: 1px solid var(--gray-200);
      border-radius: var(--radius-sm);
      margin-bottom: 12px;
      overflow: hidden;
      transition: border-color 0.3s;
    }
    .faq-item.open { border-color: var(--blue); }
    .faq-q {
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 20px 24px;
      background: var(--white);
      border: none;
      cursor: pointer;
      font-family: inherit;
      font-size: 0.95rem;
      font-weight: 600;
      color: var(--blue-dark);
      text-align: left;
      gap: 16px;
    }
    .faq-q .arrow {
      width: 28px; height: 28px;
      border-radius: 50%;
      background: var(--orange-light);
      color: var(--orange);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 0.8rem;
      flex-shrink: 0;
      transition: transform 0.3s, background 0.3s;
    }
    .faq-item.open .faq-q .arrow {
      transform: rotate(180deg);
      background: var(--orange);
      color: var(--white);
    }
    .faq-a {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.4s ease, padding 0.3s;
      padding: 0 24px;
      font-size: 0.9rem;
      color: var(--gray-500);
      line-height: 1.7;
    }
    .faq-item.open .faq-a {
      max-height: 200px;
      padding: 0 24px 20px;
    }