.company-brand { display: inline-flex; flex: 0 0 48px; width: 48px; height: 48px; align-items: center; justify-content: center; background: #fff; border: 1px solid #e5e7eb; border-radius: 10px; overflow: hidden; }
.company-brand img { width: 100%; height: 100%; object-fit: contain; padding: 5px; }
.company-brand:has(.company-brand__placeholder) { background: #eef2f7; border-color: #cbd5e1; }
.company-brand__placeholder { color: #475569; font-size: .85rem; font-weight: 600; line-height: 1; }
body.dark-mode .company-brand:has(.company-brand__placeholder), .theme-dark .company-brand:has(.company-brand__placeholder) { background: #334155; border-color: #64748b; }
.brand-security { flex-direction: row; gap: .75rem; align-items: center; }
.brand-security > span:last-child { min-width: 0; }
.brand-security small { display: block; }
.popular-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .6rem; }
.popular-list .popular-card { margin: 0; min-width: 0; border: 1px solid #dbe2ea; border-radius: .5rem; overflow: hidden; }
.popular-card__link { display: flex; align-items: center; gap: .7rem; padding: .85rem; min-width: 0; color: inherit; text-decoration: none !important; }
.popular-card__link:hover { background: #f8fafc; }
.popular-card__link:focus-visible { outline: 2px solid #2563eb; outline-offset: -2px; }
.popular-rank { width: 1.2rem; flex-shrink: 0; color: #64748b; font-size: .85rem; }
.popular-company { min-width: 0; flex: 1; }
.popular-company strong { display: block; overflow-wrap: anywhere; font-size: .95rem; }
.popular-company small, .popular-count small { display: block; color: #64748b; font-size: .75rem; }
.popular-count { text-align: right; flex-shrink: 0; font-variant-numeric: tabular-nums; }
.popular-count strong { font-size: .95rem; }
.popular-report { padding: 0 .85rem .65rem; font-size: .8rem; }
body.dark-mode .popular-card, .theme-dark .popular-card { border-color: #49515a; }
body.dark-mode .popular-card__link:hover, .theme-dark .popular-card__link:hover { background: #383f47; }
body.dark-mode .popular-company small, body.dark-mode .popular-count small, body.dark-mode .popular-rank, .theme-dark .popular-company small, .theme-dark .popular-count small, .theme-dark .popular-rank { color: #cbd5e1; }
[hidden] { display: none !important; }
@media(max-width:767.98px) { .popular-list { grid-template-columns: minmax(0,1fr); } .popular-card__link { gap: .5rem; padding: .75rem .6rem; } }
.dividend-company-heading .company-brand { vertical-align: middle; margin-right: .5rem; }

.company-brand--dark { background: #102f4c; }