/*!* Styling for the lesson section *!*/
/*.styled-lesson {*/
/*    background-color: #ffffff; !* Blue background color *!*/
/*    color: rgb(0, 0, 0); !* White text color *!*/
/*    text-align: center; !* Center text alignment *!*/
/*    padding: 40px; !* Padding around the content *!*/
/*    border-radius: 8px; !* Rounded corners *!*/
/*    margin: 120px 0; !* Margin for spacing above and below *!*/
/*    font-family: Arial, sans-serif; !* Font styling *!*/
/*    width: 90%; !* Set width to 80% of the container *!*/
/*    max-width: 1000px; !* Optional: set a maximum width to prevent it from getting too wide *!*/
/*    margin-left: auto; !* Center the rectangle horizontally *!*/
/*    margin-right: auto; !* Center the rectangle horizontally *!*/
/*}*/

/*!* Optional: Adjusting heading size *!*/
/*.styled-lesson h2 {*/
/*    font-size: 2.5em; !* Larger font size for the title *!*/
/*    margin-bottom: 20px; !* Space below the title *!*/
/*}*/

/*!* Optional: Adjusting paragraph size *!*/
/*.styled-lesson p {*/
/*    font-size: 1.5em; !* Font size for the paragraph *!*/
/*    line-height: 2; !* Line height for better readability *!*/
/*}*/


/*.video-container {*/
/*    position: relative;*/
/*    width: 100%;*/
/*    padding-bottom: 56.25%; !* 16:9 aspect ratio *!*/
/*    height: 0;*/
/*    overflow: hidden;*/
/*    background: #000; !* Background color while video loads *!*/
/*}*/

/*!* Video styling within container *!*/
/*.video-container video {*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    object-fit: cover; !* Ensures the video covers the container *!*/
/*}*/


/*!* Assignment section styling *!*/
/*.assignments {*/
/*    margin-top: 20px;*/
/*}*/


/*.assignment-box {*/
/*    max-width: 1000px; !* Make the box longer *!*/
/*    margin: 10px auto; !* Center the box with automatic left/right margins *!*/
/*    border: 1px solid #ddd; !* Light border around the box *!*/
/*    border-radius: 5px; !* Rounded corners for the box *!*/
/*    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); !* Subtle shadow for a lifted effect *!*/
/*    padding: 20px; !* Add padding inside the box *!*/
/*    background-color: #f9f9f9; !* Light background color *!*/
/*}*/

/*.assignment-content {*/
/*    padding: 10px 20px; !* Inner padding for content *!*/
/*}*/

/*!* Adding space between multiple assignment boxes *!*/
/*.assignment-container + .assignment-container {*/
/*    margin-top: 30px; !* Adds space between different assignment boxes *!*/
/*}*/

/*!* MathQuill Editor Styling *!*/
/*.math-editor {*/
/*    border: 2px solid #007bff; !* Blue border for the MathQuill editor *!*/
/*    border-radius: 12px; !* Rounded corners for editor *!*/
/*    padding: 20px;*/
/*    min-height: 75px; !* Height of the editor *!*/
/*    width: 100%;*/
/*    box-sizing: border-box; !* Include padding and border in element's total width and height *!*/
/*    background-color: #fafafa; !* Light background color *!*/
/*    font-size: 1.2em; !* Font size inside editor *!*/
/*}*/

/*.math-viewer {*/
/*    margin: 10px 0 10px 0;*/
/*}*/

/*.math-button {*/
/*    box-sizing: border-box;*/
/*    margin: 0;*/
/*    overflow: visible;*/
/*    text-transform: none;*/
/*    font-variant: normal;*/
/*    font-style: normal;*/
/*    font-family: Symbola, "Times New Roman", serif;*/
/*    font-weight: 400;*/
/*    vertical-align: middle;*/
/*    user-select: none;*/
/*    line-height: 1.5;*/
/*    position: relative;*/
/*    background-color: #007bff;*/
/*    color: white;*/
/*    border: 1px solid #007bff;*/
/*    padding: 5px 4px;*/
/*    padding-top: 13px;*/
/*    font-size: 18px;*/
/*    text-align: center;*/
/*    cursor: pointer;*/
/*    transition: background-color 0.3s, border-color 0.3s;*/
/*    width: 90px;*/
/*    height: 60px;*/
/*    display: inline-block;*/
/*}*/

/*.math-button:first-child {*/
/*    border-top-left-radius: 12px;*/
/*    border-bottom-left-radius: 12px;*/
/*}*/

/*.math-button:last-child {*/
/*    border-top-right-radius: 12px;*/
/*    border-bottom-right-radius: 12px;*/
/*}*/


/*.collapsed_sibling {*/
/*    display: none;*/
/*}*/

/*.assignment {*/
/*    font-family: Arial, sans-serif;*/
/*    !*display: flex;*!*/
/*    !*flex-direction: column;*!*/
/*    !*gap: 20px;*!*/


/*    padding: 20px;*/
/*    border: 1px solid #ddd; !* Light border around each assignment *!*/
/*    border-radius: 8px; !* Rounded corners for assignments *!*/
/*    background-color: #fff; !* White background for better contrast *!*/

/*    max-width: 1000px; !* Make the box longer *!*/
/*    margin: 10px auto; !* Center the box with automatic left/right margins *!*/
/*    border: 1px solid #ddd; !* Light border around the box *!*/
/*    border-radius: 5px; !* Rounded corners for the box *!*/
/*    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); !* Subtle shadow for a lifted effect *!*/
/*    padding: 20px; !* Add padding inside the box *!*/
/*    background-color: #f9f9f9; !* Light background color *!*/
/*    margin-bottom: 30px;*/

/*    .caption {*/
/*        background-color: #007bff; !* Button background color *!*/
/*        color: white;*/
/*        padding-left: 15px;*/
/*        padding-bottom: 15px;*/
/*        padding-top: 15px;*/

/*        font-weight: bold;*/
/*        font-size: 1.1em;*/

/*    }*/

/*    .input-buttons {*/
/*        .math-button {*/
/*            margin: 7px;*/
/*        }*/
/*    }*/


/*    .answer {*/

/*        .action {*/
/*            box-sizing: border-box;*/
/*            margin: 0;*/
/*            overflow: visible;*/
/*            font-weight: 400;*/
/*            vertical-align: middle;*/
/*            user-select: none;*/
/*            line-height: 1.5;*/
/*            position: relative;*/
/*            flex: 1 1 auto;*/
/*            padding: 14px 28px;*/
/*            font-size: 18px;*/
/*            text-align: center;*/
/*            cursor: pointer;*/
/*            transition: background-color 0.3s, border-color 0.3s;*/
/*            width: 90px;*/
/*            height: 60px;*/
/*        }*/

/*        .action:disabled {*/
/*            background-color: #96a3b1;*/
/*        }*/


/*        display: flex;*/
/*        gap: 20px;*/
/*        margin: 20px;*/

/*        button {*/
/*            background-color: #007bff;*/
/*            border: 1px solid transparent;*/
/*            border-radius: 10px;*/
/*            box-shadow: rgba(255, 255, 255, .4) 0 1px 0 0 inset;*/
/*            box-sizing: border-box;*/
/*            color: #fff;*/
/*            line-height: 1.15385;*/
/*            margin: 0;*/
/*            outline: none;*/
/*            padding: 8px .8em;*/
/*            position: relative;*/
/*            text-align: center;*/
/*        }*/

/*        .incorrect {*/
/*            color: #f32727;*/
/*            margin: auto;*/
/*            font-size: 2rem;*/
/*        }*/

/*        .correct {*/
/*            color: #79ff06;*/
/*            margin: auto;*/
/*            font-size: 2rem;*/
/*        }*/
/*    }*/
/*}*/

/*.readonly-math-field {*/
/*    display: inline-block;*/
/*}*/

/*!*math-field.answer_select.readonly-math-field {*!*/
/*!*    !*-webkit-touch-callout: none !important;*!*!*/
/*!*    !*-webkit-user-select: none !important;*!*!*/
/*!*    !*-khtml-user-select: none !important;*!*!*/
/*!*    !*-moz-user-select: none !important;*!*!*/
/*!*    !*-ms-user-select: none !important;*!*!*/
/*!*    !*user-select: none !important;*!*!*/
/*!*    cursor: pointer !important;*!*/
/*!*}*!*/