.voice-wrapper {
    display: grid !important;
    grid-template-columns: 1fr !important;
    position: relative;
    width: 100%;
    /* De toevoeging voor JS-gestuurde hoogte */
    transition: height 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
    align-items: start;
}

.voice-section-container {
    grid-column: 1 / 2 !important;
    grid-row: 1 / 2 !important;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.4s ease-in-out, visibility 0.4s;
}

body[data-active-voice="Standard"] .voice-Standard,
body[data-active-voice="Analyst"] .voice-Analyst,
body[data-active-voice="Citizen"] .voice-Citizen,
body[data-active-voice="Innovator"] .voice-Innovator,
body[data-active-voice="Doer"] .voice-Doer {
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 1;
}

.voice-content {
    /* Geen grid-template-rows meer nodig, JS regelt de wrapper hoogte */
    display: block;
}