/* Custom CSS to add the full-screen video background to the notebook */

/* Makes the HTML and body fill the full viewport */
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

/* Styles for the video background container */
.video-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    overflow: hidden;
}

/* Ensures the video fills the container and is centered */
.video-background video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    object-fit: cover;
    transform: translate(-50%, -50%);
}

/* Overlay to improve text readability */
.video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 0;
}

/*
    FIXED: The styling for notebook cells has been simplified
    to prevent the "card-within-a-card" look.
*/
.jp-Cell {
    /* Removed background, shadow, and radius to make them simple content blocks */
    background-color: transparent;
    box-shadow: none;
    border-radius: 0;
    
    /* Removed restrictive width and margins */
    max-width: none;
    width: 100%;
    margin: 0;

    /* Add vertical spacing and a subtle separator line between cells */
    padding: 1.5rem 0;
    border-bottom: 1px solid #e2e8f0; /* light gray line */
}

/* Remove the line from the very last cell */
.jp-Notebook > .jp-Cell:last-of-type {
    border-bottom: none;
    padding-bottom: 0;
}

/* Ensure code blocks are still readable and can scroll horizontally */
.jp-CodeMirrorEditor pre, .jp-CodeMirrorEditor code {
    color: #1a202c;
    background: transparent;
    white-space: pre; 
    overflow-x: auto; /* Allows long code lines to scroll */
}

.jp-RenderedHTMLCommon h1, .jp-RenderedHTMLCommon h2, .jp-RenderedHTMLCommon h3 {
    font-family: 'Playfair Display', serif;
}