.market-tree details { border-left: 1px solid var(--border); }
.market-tree > details { border-left: 0; border-bottom: 1px solid var(--border); }
.market-tree summary { cursor: pointer; padding: .5rem .6rem; border-radius: 8px; color: var(--text); font-weight: 500; list-style: none; }
.market-tree summary::before { content: "›"; display: inline-block; width: 1rem; color: var(--muted); transition: transform .15s; }
.market-tree details[open] > summary::before { transform: rotate(90deg); color: var(--accent); }
.market-tree summary:hover { background: var(--surface-2); }
.market-tree .children { padding-left: 1.1rem; }
.market-tree .type-link { display: flex; align-items: center; gap: .55rem; padding: .3rem .6rem; color: var(--text-2); border-radius: 6px; }
.market-tree .type-link:hover { background: var(--surface-2); color: var(--accent); }
.market-tree .type-link img { border-radius: 4px; background: var(--surface-2); }