.otus-collapsible{border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);margin-bottom:var(--space-4);overflow:hidden}.otus-collapsible__header{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);cursor:pointer;user-select:none;background:var(--color-bg-secondary);text-align:left;width:100%;transition:background var(--duration-fast,.12s) ease;border:none;display:flex}.otus-collapsible__header:hover{background:var(--color-bg-hover)}.otus-collapsible__header:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:-2px}.otus-collapsible__head{background:var(--color-bg-secondary);transition:background var(--duration-fast,.12s) ease;align-items:stretch;display:flex}.otus-collapsible__head>.otus-collapsible__header,.otus-collapsible__head>.otus-collapsible__header:hover{background:0 0;flex:1;min-width:0}.otus-collapsible__head:has(>.otus-collapsible__header:hover){background:var(--color-bg-hover)}.otus-collapsible__actions{align-items:center;gap:var(--space-2);padding:0 var(--space-4);border-left:1px solid var(--color-border-primary);flex-shrink:0;display:flex}.otus-collapsible__chevron{color:var(--color-text-muted);transition:transform var(--duration-base,.2s) var(--ease-out-expo,ease-out);flex-shrink:0;font-size:12px;line-height:1}.otus-collapsible__chevron--open{transform:rotate(90deg)}.otus-collapsible__title{font-size:var(--text-sm);color:var(--color-text-heading);flex:1;min-width:0;font-weight:600}.otus-collapsible__subtitle{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:2px}.otus-collapsible__title-wrap{flex-direction:column;flex:1;min-width:0;display:flex}.otus-collapsible__meta{font-size:var(--text-xs);color:var(--color-text-muted);background:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);border-radius:var(--radius-full,9999px);white-space:nowrap;flex-shrink:0;padding:2px 8px}.otus-collapsible__body{padding:var(--space-4);background:var(--color-bg-primary);opacity:0;max-height:0;transition:opacity var(--duration-base,.2s) var(--ease-out-expo,ease-out), transform var(--duration-base,.2s) var(--ease-out-expo,ease-out), max-height var(--duration-base,.2s) var(--ease-out-expo,ease-out);overflow:hidden;transform:translateY(-4px)}.otus-collapsible__body--open{opacity:1;max-height:9999px;overflow:visible;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.otus-collapsible__chevron,.otus-collapsible__body{transition:none}}