body {
        font-family: 'Roboto', sans-serif;
    }
    .player-wrapper {
        position: relative;
        padding-top: 56.25%; /* 16:9 aspect ratio */
    }
    #playerContainer {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .content-wrapper {
        margin-top: 1rem;
    }
    @media (min-width: 768px) {
        .layout-container {
            display: flex;
            flex-direction: row;
            gap: 1rem;
        }
        .player-section {
            flex: 1;
            position: sticky;
            top: 1rem;
            max-height: calc(100vh - 2rem);
            overflow-y: auto;
        }
        .content-section {
            flex: 1;
        }
    }