/* Small stock bubbles prioritize the full name and return over decoration. */
@container (max-width:116px){
 .logo-bubble[data-kind=stock]:not(.selected-parent) .stock-content{width:84%;height:90%;gap:2px;overflow:visible}
 .logo-bubble[data-kind=stock]:not(.selected-parent) .stock-content .company-logo{width:14px;margin:0}
 .logo-bubble[data-kind=stock]:not(.selected-parent) .stock-content strong{font-size:clamp(9px,13cqw,12px);line-height:1.08;letter-spacing:-.03em;-webkit-line-clamp:unset;display:block;overflow:visible;white-space:normal;overflow-wrap:anywhere}
 .logo-bubble[data-kind=stock]:not(.selected-parent) .stock-content .percent{font-size:clamp(10px,16cqw,16px);line-height:1.08;letter-spacing:-.03em}
}
@container (max-width:78px){
 .logo-bubble[data-kind=stock]:not(.selected-parent) .stock-content{gap:1px}
 .logo-bubble[data-kind=stock]:not(.selected-parent) .stock-content .company-logo{display:block;width:12px;flex-shrink:0}
 .logo-bubble[data-kind=stock]:not(.selected-parent) .stock-content strong{font-size:clamp(9px,14cqw,10px);line-height:1.05}
 .logo-bubble[data-kind=stock]:not(.selected-parent) .stock-content .percent{font-size:clamp(10px,17cqw,12px)}
}