// Enhanced styles for modern browsers
@supports (object-fit: cover) {
    .n-scrollytelling--enhanced {
        width: 100vw;
        position: relative;
        z-index: 200 !important;

        @import './viewport';
        @import './figure';
        @import './caption';
        @import './image';

        @import './text-slide';

        @import './text-box';

        // Theme-specific styling
        @import 'themes/sans';
        @import 'themes/serif';

        // Chapters and headings styling
        @import './text-style';
    }

    //Make sure the last slide can scroll 
    .n-scrollytelling--enhanced:after {
        content:'';
        display: inline-block;
        width: 100%;
        height: 1px;
        margin-left: auto;
        margin-right: auto;
    }
}