section#faq {
      padding: 70px 0 40px 0;
      text-align: center;
    }

    h2 {
      color: var(--primary) !important;
      font-size: 2.15em;
      margin-top: 0;
      margin-bottom: 22px;
      font-weight: 900;
    }
        section#faq > h2 {
           /* Use the primary accent for the FAQ heading so it stands out on dark background */
           color: var(--primary) !important;
           /* Add a subtle glow behind the FAQ heading to enhance legibility on dark backgrounds */
           text-shadow: 0 0 6px var(--primary)55;
         }

    #faq-search {
         border-radius: 11px !important;
      border: 1.5px solid var(--primary) !important;
      background: #101b2b !important;
      color: var(--text-primary) !important;
      font-size: 1.13em;
      padding: 12px 16px;
      margin-bottom: 30px;
      box-shadow: 0 1px 7px var(--primary)22 !important;
      font-weight: 600;
    }

        /* Adjust placeholder text color for dark input */
        #faq-search::placeholder {
          color: var(--text-muted) !important;
        }

#faq-list {
  max-width: 670px;
  margin: 0 auto;
  text-align: left;
}

    .faq-item {
      background: var(--card-bg) !important;
      border-radius: 18px;
      box-shadow: 0 3px 18px var(--shadow-color) !important;
      padding: 22px 22px 16px 22px;
      margin-bottom: 19px;
      transition: box-shadow .16s, border-left-color .16s;
      border-left: 7px solid var(--primary)33 !important;
      cursor: default;
    }
    .faq-item:hover {
      box-shadow: 0 7px 26px var(--shadow-color) !important;
      border-left: 7px solid var(--primary) !important;
    }
    .faq-q {
      font-size: 1.17em;
      font-weight: 800;
      color: var(--text-primary) !important;
      margin: 0 0 7px 0;
      cursor: pointer;
      transition: color .18s;
    }
    .faq-q:hover {
      color: var(--primary) !important;
    }
    .faq-a {
      font-size: 1.09em;
      color: var(--text-muted) !important;
      padding-left: 7px;
      line-height: 1.55;
      margin-top: 7px;
    }

@media (max-width:700px) {
  #faq-list { max-width: 97vw; }
  .faq-item { padding: 5vw 2vw 4vw 3vw; }
  h2 { font-size: 1.25em; }
}