.eu-list {
    list-style: none;
    counter-reset: eu-supporter;
    margin: 0;
    padding: 0;
    width: 100%;
}
.eu-list .eu-item {
    counter-increment: eu-supporter;
    display: grid;
    grid-template-columns: 2.5rem minmax(0, 1fr);
    align-items: start;
    gap: 0.3rem;
    margin: 0;
    padding: 0.85rem 1rem;
    background: #fff;
    color: inherit;
    box-sizing: border-box;
}
.eu-list .eu-item:nth-child(even) { background: #f3f4f5; }
.eu-list .eu-item::before {
    content: counter(eu-supporter) ".";
    font-variant-numeric: tabular-nums;
    font-weight: 600;
    color: #555;
}
.eu-list .eu-person { min-width: 0; overflow-wrap: anywhere; }
.eu-list .eu-name { display: block; font-weight: 600; line-height: 1.2; }
.eu-list .eu-role { display: block; margin-top: 0.05rem; color: #555; font-size: 0.92em; line-height: 1.2; }
@media (max-width: 480px) {
    .eu-list .eu-item { grid-template-columns: 2.2rem minmax(0, 1fr); padding: 0.75rem; gap: 0.25rem; }
}