/* Shared FAQ accordion.
   Lifted from css/pages/automotive.css so pages that gained a FAQ section
   via bake_faq.py render it identically without duplicating the rules into
   every page stylesheet. */

.faq-section { padding: 80px 0; background: var(--gray-50); }
.faq-list { max-width: 760px; margin: 0 auto; display: grid; gap: 12px; }
.faq-item {
  background: #fff;
  border: 1px solid var(--gray-200);
  border-radius: 12px;
  padding: 18px 22px;
}
.faq-q {
  font-weight: 600;
  font-size: 16px;
  color: var(--gray-900);
  cursor: pointer;
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}
.faq-q::-webkit-details-marker { display: none; }
.faq-q::after {
  content: '+';
  font-size: 20px;
  color: var(--bronze-600);
  flex-shrink: 0;
}
.faq-item[open] .faq-q::after { content: '\2013'; }
.faq-a {
  margin-top: 10px;
  color: var(--gray-600);
  font-size: 15px;
  line-height: 1.65;
}

[dir="rtl"] .faq-q { text-align: right; }