.accordion{border:1px solid #ddd}.accordion-item{border-bottom:1px solid #ddd;margin-bottom:10px}.accordion-header{align-items:center;background-color:#f7f7f7;cursor:pointer;display:flex;padding:10px;position:relative;transition:background-color .3s ease,outline .3s ease}.accordion-item:first-child .accordion-header{background-color:#494a52;color:#fff;cursor:default}.accordion-item:first-child .accordion-header h2{color:#fff}.accordion-item:first-child .accordion-header:hover{background-color:#494a52}.accordion-item:not(:first-child) .accordion-header.active,.accordion-item:not(:first-child) .accordion-header:hover{background-color:#d6d6d6;outline:2px solid #494a52;outline-offset:-2px}.accordion-header h2{color:#333;font-family:YourFont,sans-serif;font-size:24px;margin:0}.toggle-icon{color:#333;font-size:18px;margin-left:auto;transition:transform .3s ease}.accordion-content{background-color:#fafafa;box-shadow:none;max-height:0;overflow:hidden;padding:0 10px;transition:max-height .3s ease,padding .3s ease}.accordion-content.show{box-shadow:0 4px 6px rgba(0,0,0,.1);max-height:200px;padding:10px}