/* What they own (person pages; js/holdings.js; the owner's pick of mock-holdings): a folded card, two columns wide on
   computers. Its numbers, the trades' fold and the footer use css/votes.css (.vt-stats, .vt-proc, .vt-foot). */
.bento > .pb-holdings { --bento-w: 2; }
@media (min-width: 621px) { .pb > .pb-holdings { grid-column: span 2; } }
.ho-h { margin: 16px 0 6px; color: #1e1a67; font-size: 15px; }
.ho-list { margin: 0; padding: 0; list-style: none; }
.ho-list li { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: 12px; padding: 8px 0; border-top: 1px solid #ecebf3; }
.ho-list li:first-child { border-top: 0; }
.ho-list b { color: #111111; font-size: 14px; overflow-wrap: anywhere; }
.ho-list span { color: #3f3c5e; font-size: 14px; line-height: 1.4; }
.ho-list a, .pb-holdings .vt-foot a { color: #4232d4; font-weight: 700; }
.ho-own { margin-left: 4px; padding: 1px 7px; border-radius: 999px; background: #eeedf3; color: #5d5a7d; font-size: 11px; font-weight: 800; }
.ho-none { margin: 0; color: #6b6890; font-size: 14px; }
@media (max-width: 620px) { .ho-list li { grid-template-columns: minmax(0, 1fr); gap: 2px; } }
