.accordion{margin:1.5rem 0;border-radius:4px;overflow:hidden}.accordion-header{width:100%;padding:1rem;background:none;border:none;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:background-color .2s ease;text-align:left}.accordion-header:hover{opacity:.9}.accordion-title{font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.accordion-icon{display:flex;align-items:center;transition:transform .2s ease;color:var(--text-secondary)}.accordion-icon.open{transform:rotate(180deg)}.accordion-content-wrapper{max-height:0;overflow:hidden;transition:max-height .3s ease-out,opacity .2s ease-out;opacity:0}.accordion-content-wrapper.open{max-height:2000px;opacity:1;transition:max-height .4s ease-in,opacity .3s ease-in}.accordion-content{padding:0 1rem 1rem}.accordion-content p,.accordion-content ul,.accordion-content ol,.accordion-content li{color:var(--text-secondary);margin-top:.5rem}.accordion-content ul,.accordion-content ol{margin-bottom:0;padding-left:1.5rem}.accordion-info{border-left:4px solid #0c7cd5;background-color:#0c7cd514}.accordion-info .accordion-header{background-color:transparent}:root.dark .accordion-info{background-color:#0c7cd526;border-left-color:#3b9eff}.accordion-tip{border-left:4px solid #10b981;background-color:#10b98114}.accordion-tip .accordion-header{background-color:transparent}:root.dark .accordion-tip{background-color:#10b98126;border-left-color:#34d399}.accordion-warning{border-left:4px solid #f59e0b;background-color:#f59e0b14}.accordion-warning .accordion-header{background-color:transparent}:root.dark .accordion-warning{background-color:#f59e0b26;border-left-color:#fbbf24}