.accordion-header {
width: 100%;
text-align: left;
padding: 1rem;
font-size: 1rem;
cursor: pointer;
border: none;
background: #f2f2f2;
}

.accordion-header::after {
content: "+";
float: right;
}

.accordion-header.active::after {
content: "–";
}

.accordion-content {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease;
background: #fff;
padding: 0 1rem;
}

.accordion-content p {
margin: 1rem 0;
}