.stakeholder-search-form {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
    font-family: var(--e-global-typography-primary-font-family);
}
.stakeholder-search-form input {
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    flex-grow: 1;
    font-family: var(--e-global-typography-primary-font-family);
}
.stakeholder-search-form button, .stakeholder-results button {
    padding: 10px 20px;
    margin-right: 20px;
    background-color: #0073aa;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-family: var(--e-global-typography-primary-font-family);
}
.stakeholder-search-form button:hover, .stakeholder-results button:hover {
    background-color: #005177;
}
.stakeholder-results {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    font-family: var(--e-global-typography-primary-font-family);
}
.stakeholder-card {
    background: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 15px;
    flex: 1 1 calc(33.333% - 20px); /* 3 cards per row, accounting for gap */
    box-sizing: border-box;
    font-family: var(--e-global-typography-primary-font-family);
}
@media (max-width: 768px) {
    .stakeholder-card {
        flex: 1 1 calc(50% - 20px); /* 2 cards per row on tablet */
        font-family: var(--e-global-typography-primary-font-family);
    }
}
@media (max-width: 480px) {
    .stakeholder-card {
        flex: 1 1 100%; /* 1 card per row on mobile */
        font-family: var(--e-global-typography-primary-font-family);
    }
}