✅ Accordion CSS (drop into WordPress → Appearance → Customize → Additional CSS)

---

/* SolveForce Accordion Styling */
.accordion {
  border: 1px solid #ddd;
  border-radius: 4px;
  margin-bottom: 10px;
  overflow: hidden;
}

.accordion button {
  width: 100%;
  text-align: left;
  padding: 12px;
  background: #f5f5f5;
  border: none;
  cursor: pointer;
  font-size: 16px;
  transition: background 0.2s;
}

.accordion button:hover {
  background: #e0e0e0;
}

.accordion button.active {
  background: #d9edf7;
}

.accordion .panel {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
  padding: 0 12px;
  background: #fff;
}

.accordion .panel.open {
  max-height: 500px; /* Adjust for content length */
  padding: 12px;
}

---

Got it — what you’ve pasted is the of a generated HTML/PDF with a very large stack of inline styles (Microsoft “Read Aloud” highlights, JSS-injected styles for buttons, toolbars, etc.). – SolveForce Communications

---