.expandable-section{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface);transition:border-color var(--transition-base);overflow:hidden}.expandable-section:hover{border-color:var(--color-border)}.expandable-trigger{width:100%;padding:var(--space-4) var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-4);text-align:left;transition:background var(--transition-base);display:flex}.expandable-trigger:hover{background:var(--color-surface-2)}.expandable-left{align-items:center;gap:var(--space-3);flex:1;min-width:0;display:flex}.expandable-icon{color:var(--color-primary);flex-shrink:0}.expandable-title{font-size:var(--text-sm);color:var(--color-text);font-weight:600}.expandable-subtitle{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:2px}.expandable-right{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.expandable-chevron{color:var(--color-text-muted);transition:transform var(--transition-slow)}.is-open .expandable-chevron{transform:rotate(180deg)}.expandable-content{max-height:0;transition:max-height .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.is-open .expandable-content{max-height:2000px}.expandable-inner{padding:0 var(--space-6) var(--space-6);border-top:1px solid var(--color-border-subtle);padding-top:var(--space-4)}