/* Optional editorial component: elected representatives and substitutes. */
.ape-representatives { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--ape-space-5); align-items: start; }
.ape-representatives-group { --ape-people-accent: var(--ape-sky); min-width: 0; overflow: hidden; border: 1px solid var(--ape-line); border-radius: var(--ape-radius-card); background: var(--ape-surface); }
.ape-representatives-group--substitutes { --ape-people-accent: var(--ape-lilac); }
.ape-representatives-heading { display: flex; align-items: center; justify-content: space-between; gap: var(--ape-space-3); padding: var(--ape-space-5) var(--ape-space-6); background: var(--ape-people-accent); }
.ape-article .ape-page-content .ape-representatives-heading h3 { margin: 0; font-size: var(--ape-type-xl); font-weight: 750; color: var(--ape-ink); }
.ape-representatives-count { display: inline-grid; place-items: center; min-width: 32px; height: 32px; padding-inline: var(--ape-space-2); border-radius: var(--ape-radius-pill); background: var(--ape-surface); color: var(--ape-ink); font-size: var(--ape-type-sm); font-weight: 750; flex: 0 0 auto; }
.ape-article .ape-page-content .ape-representatives-list { margin: 0; padding: var(--ape-space-2) var(--ape-space-6); list-style: none; }
.ape-article .ape-page-content .ape-representatives-list li { display: flex; align-items: center; gap: var(--ape-space-3); margin: 0; padding-block: var(--ape-space-4); min-width: 0; line-height: 1.4; }
.ape-article .ape-page-content .ape-representatives-list li + li { margin: 0; border-top: 1px solid var(--ape-line); }
.ape-representative-initials { display: inline-grid; place-items: center; width: 42px; height: 42px; flex: 0 0 42px; border-radius: 50%; background: var(--ape-people-accent); color: var(--ape-ink); font-size: var(--ape-type-sm); font-weight: 750; }
.ape-representative-name { display: grid; gap: 2px; min-width: 0; overflow-wrap: anywhere; }
.ape-representative-name strong { font-size: var(--ape-type-body); font-weight: 700; }
.ape-representative-name > span { font-size: var(--ape-type-sm); font-weight: 550; letter-spacing: .035em; color: var(--ape-muted); }
@media (max-width: 720px) {
    .ape-representatives { grid-template-columns: minmax(0, 1fr); gap: var(--ape-space-4); }
    .ape-representatives-heading { padding: var(--ape-space-4) var(--ape-space-5); }
    .ape-article .ape-page-content .ape-representatives-list { padding-inline: var(--ape-space-5); }
}