:root{--brand-blue:#e8eef9;--text-color:#2c3e50;--transition-speed:0.3s}.accordion-container{margin:20px auto;max-width:900px}.accordion-item{background-color:var(--brand-blue);border-radius:8px;margin-bottom:12px;overflow:hidden;transition:background-color var(--transition-speed)}.accordion-header{align-items:center;background:none;border:none;color:var(--text-color);cursor:pointer;display:flex;font-size:1rem;font-weight:700;justify-content:space-between;padding:24px;text-align:left;width:100%}.accordion-header:active,.accordion-header:focus,.accordion-header:hover{background:none;background-color:none;color:var(--text-color)}.chevron-icon{border-bottom:2px solid var(--text-color);border-right:2px solid var(--text-color);height:6px;margin-right:5px;transform:rotate(45deg);transition:transform var(--transition-speed) ease;width:6px}.accordion-item.active .chevron-icon{transform:rotate(-135deg)}.accordion-content{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--transition-speed) ease-out}.accordion-item.active .accordion-content{grid-template-rows:1fr}.content-inner{color:#444;line-height:1.6;overflow:hidden;padding:0 24px;transition:padding-bottom var(--transition-speed)}.accordion-item.active .content-inner{padding-bottom:24px}