/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Aug 30 2025 | 16:54:02 */
.accordion {
  background-color: #3a8996;
  color: #f6f7f7;
  cursor: pointer;
  padding: 9px 20px;
  line-height: 1.2; /* Stabilizes multi-line spacing */	
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  box-sizing: border-box;
  transition: background-color 0.3s ease, color 0.3s ease;
  width: 100%;
  text-align: left;
  outline: none;
  font-size: 17px;
  transition: 0.4s;
  margin-bottom: 10px;	
}

.active, .accordion:hover {
  background-color: #7cbed2;
  color: #fefefe; /* Slightly off-white for better contrast */
  font-weight: 700;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.05); /* Adds subtle edge definition */
}

.accordion.touch-active {
  background-color: #7cbed2;
  color: #fefefe;
  font-weight: 700;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.05);
}

.panel {
  padding: 0 18px;	
  background-color: white;	
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease-out;
}

.panel.open {
  max-height: 500px; /* Adjust based on your content height */
}

h4 {
  color: #fff;
}