.faq-section {
  max-width: 900px;
  margin: 2rem auto;
  font-family: Arial, sans-serif;
  padding: 0 1rem;
}

#faq-heading {
  font-size: 1.75rem;
  margin-bottom: 0.5rem;
  color:  #ec6825;
}

.faq-intro {
  color: #333;
  margin-bottom: 1.25rem;
}

details {
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 0.75rem 1rem;
  margin-bottom: 0.6rem;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0,0,0,0.03);
}

summary {
  cursor: pointer;
  font-weight: 600;
  outline: none;
}

details[open] summary {
  color: /* replace with your accent/brand color */ #0d4a82;
}

.faq-answer {
  margin-top: 0.5rem;
  color: #444;
  line-height: 1.55;
}

.faq-meta {
  font-size: 0.9rem;
  color: #666;
  margin-top: 0.5rem;
}

/* small chevron in summary */
summary::-webkit-details-marker {
  display: none;
}
summary:after {
  content: "▸";
  float: right;
  transition: transform .18s ease;
}
details[open] summary:after {
  transform: rotate(90deg);
}

@media (max-width:600px) {
  .faq-section {
    padding: 0 0.75rem;
  }
}