.accordion{width:100%;margin-top:2rem}.accordion-item{margin-bottom:1rem;border:1px solid var(--color-secondary);border-radius:8px;overflow:hidden}.accordion-header{background-color:var(--color-light);padding:1rem 1.5rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background-color .3s ease}.accordion-header:hover{background-color:#e0e0e0}.accordion-header h4{font-family:var(--font-family-body);font-size:1.1rem;font-weight:700;color:var(--color-text);margin:0}.accordion-icon{font-size:1.5rem;color:var(--color-accent);transition:transform .3s ease}.accordion-header.active .accordion-icon{transform:rotate(180deg)}.accordion-content{background-color:var(--color-background);max-height:0;overflow:hidden;transition:max-height .4s ease-out,padding .4s ease-out}.accordion-content.open{max-height:500px;padding:1rem 1.5rem 1.5rem}.accordion-content p{font-family:var(--font-family-body);font-size:1rem;line-height:1.6;color:var(--color-text);margin:0}[data-theme=dark] .accordion-header{background-color:#202020}[data-theme=dark] .accordion-header:hover{background-color:#2a2a2a}[data-theme=dark] .accordion-header h4{color:var(--color-text)}[data-theme=dark] .accordion-content{background-color:var(--color-background)}[data-theme=dark] .accordion-content p{color:var(--color-text)}@media (max-width: 768px){.accordion-header{padding:.8rem 1rem}.accordion-content.open{padding:.8rem 1rem 1rem}}