.expandable{border:1px solid var(--border-light);border-radius:var(--radius-md)}.expandable-button{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;color:var(--text-primary);padding:var(--spacing-lg);font-size:var(--font-size-button);font-weight:500;cursor:pointer;transition:color .2s ease;border:none}.expandable-button:hover{color:var(--accent-primary)}.expandable-title{font-family:var(--font-family)}.expandable-icon{position:relative;width:24px;height:24px;display:inline-block}.expandable-icon:after,.expandable-icon:before{content:"";position:absolute;top:50%;left:50%;width:18px;height:2px;background:var(--text-primary);transform:translate(-50%,-50%);transition:opacity .18s ease}.expandable-icon:after{transform:translate(-50%,-50%) rotate(90deg);opacity:1}.expandable-icon.open:after{opacity:0}.expandable-content-area{overflow:hidden;transition:max-height .24s ease,opacity .18s ease;contain:layout paint}.expandable-content-inner{overflow:hidden;padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.expandable-content-inner>:first-child{margin-top:var(--spacing-md)}.expandable-content-inner>:last-child{margin-bottom:var(--spacing-lg)}.opening-badge{display:inline-flex;align-items:center;gap:10px;background:var(--accent-primary);color:var(--text-inverse);padding:10px 18px 10px 10px;border-radius:var(--radius-md);width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content}.flame-icon{flex-shrink:0}.opening-text{font-family:var(--font-family);font-weight:700;font-size:var(--font-size-badge);line-height:1;white-space:nowrap}