#kaartverhaal-panel .verhaal-title {
    margin-bottom: 18px;
    font-size: 1.5em;
    font-weight: bold;
}

.scroll-container {
    scroll-snap-type: y mandatory; /* Enable vertical scroll snapping */
    overflow-y: scroll; /* Enable vertical scrolling */
    height: calc(100% - 50px); /* Full viewport height */
    scroll-behavior: smooth; /* Add smooth scrolling transition */
}

.scroll-item {
    scroll-snap-align: start; /* Snap to the start of each section */
    height: 100%; /* Each section takes up the full viewport height */
    margin: 20px 0; /* Add some padding for better readability */
    padding: 0 20px;
    box-sizing: border-box; /* Include padding in height calculation */
}

.\!pointer-events-none.scroll-container::-webkit-scrollbar-thumb {
    background-color: #e0e0e0;
}