.course-page{
    max-width:1000px;
    margin:0;
    padding:0;
    font-family:"Segoe UI", Tahoma, sans-serif;
    font-size:14px;
    line-height:1.65;
    color:#222;
    background:#fff;
}

.course-page p,
.course-page li{
    font-size:14px;
    line-height:1.65;
    margin-bottom:4px;
}

.course-hero{
    background:linear-gradient(135deg,#0056b3,#0d6efd);
    color:#fff;
    padding:18px;
    border-radius:10px;
    margin-bottom:18px;
}

.course-title{
    font-size:1.6rem;
    font-weight:700;
    margin-bottom:5px;
}

.course-subtitle{
    font-size:0.95rem;
}

.course-section-title{
    font-size:1.4rem;
    font-weight:700;
    color:#0d47a1;
    border-left:5px solid #0d6efd;
    padding-left:10px;
    margin-top:22px;
    margin-bottom:10px;
}

.course-subsection-title{
    font-size:1.15rem;
    font-weight:600;
    color:rgb(255,128,0);
    margin-top:15px;
    margin-bottom:8px;
}

.course-box{
    border-radius:8px;
    padding:12px;
    margin:12px 0;
    border-left:5px solid;
}

.course-box-title{
    font-size:1rem;
    font-weight:700;
    margin-bottom:6px;
}

.course-box-def{
    background:rgb(230,240,255);
    border-left-color:rgb(0,102,204);
}

.course-box-def .course-box-title{
    color:rgb(0,102,204);
}

.course-box-prop{
    background:rgb(230,255,240);
    border-left-color:rgb(0,153,76);
}

.course-box-prop .course-box-title{
    color:rgb(0,153,76);
}

.course-box-rem{
    background:rgb(255,240,230);
    border-left-color:rgb(255,128,0);
}

.course-box-rem .course-box-title{
    color:rgb(255,128,0);
}

.course-box-col{
    background:rgb(255,230,230);
    border-left-color:rgb(204,0,0);
}

.course-box-col .course-box-title{
    color:rgb(204,0,0);
}

.course-box-thm{
    background:rgb(240,230,255);
    border-left-color:rgb(127,0,255);
}

.course-box-thm .course-box-title{
    color:rgb(127,0,255);
}

.math-block{
    font-size:0.95rem;
    margin:8px 0;
    overflow-x:auto;
}

.course-example-title,
.course-exercise-title{
    font-size:1rem;
    font-weight:700;
    margin-top:15px;
    margin-bottom:5px;
}

.course-example-title{
    color:rgb(255,128,0);
}

.course-exercise-title{
    color:rgb(204,0,0);
}

.course-list{
    margin-bottom:0;
}

.course-list li{
    margin-bottom:4px;
}

@media (max-width:768px){
    .course-page{
        font-size:13px;
    }

    .course-page p,
    .course-page li{
        font-size:13px;
    }

    .course-title{
        font-size:1.4rem;
    }

    .course-section-title{
        font-size:1.2rem;
    }

    .course-subsection-title{
        font-size:1rem;
    }

    .math-block{
        font-size:1rem;
    }
}