/* Styling for the containers that host JSON-rendered lists (branches,
   partners, officials). Deliberately minimal: it only sizes the new
   elements, the surrounding Salient grid classes do the layout. */

.ely-branch-logo { width: 32px; height: 32px; object-fit: contain; vertical-align: middle; margin-right: 6px; }
.judul-bnnp-bnnk { margin-bottom: 8px; }

.ely-partner,
.ely-person-photo { display: block; text-decoration: none; }

.ely-partner-logo { display: block; height: 90px; margin-bottom: 12px; }
.ely-partner-logo img,
.ely-person-photo img { max-width: 100%; max-height: 90px; object-fit: contain; }

.ely-partner-name { display: block; font-weight: 600; line-height: 1.35; }
.ely-partner-note { font-size: 0.8em; opacity: 0.7; margin-top: 6px; }

.ely-person-name { margin: 10px 0 2px; }
.ely-person-position { font-size: 0.85em; opacity: 0.75; margin: 0; }
.ely-person-profession,
.ely-person-email,
.ely-person-phone { font-size: 0.8em; margin: 2px 0 0; }

[data-ely-partners] > div,
[data-ely-persons] > div,
[data-ely-branches] > div { margin-bottom: 30px; }

.ely-references { margin-top: 40px; padding-top: 18px; border-top: 1px solid rgba(0, 0, 0, 0.12); }
.ely-references h4 { margin-bottom: 8px; font-size: 0.95em; text-transform: none; }
.ely-references ol { font-size: 0.9em; }