/* Shared typography and layout for course pages. */
.course-detail-page, .learning-page, .my-courses-page, #khoahoc {
    font-family: "Times New Roman", Times, serif;
    font-size: 19px;
    line-height: 1.65;
    color: #263c32;
}
.course-detail-page, .learning-page, .my-courses-page {
    background: #f7f6f1;
}
.course-back-link {
    display: inline-block;
    margin-bottom: 20px;
    color: #0b5d3f;
    text-decoration: none;
    font-weight: 700;
}
.course-back-link:hover { text-decoration: underline; }
.course-detail-page .course-wrapper { padding-top: 110px; max-width: 1240px; }
.course-detail-page .course-card { overflow: visible; background: transparent; box-shadow: none; }
.course-detail-body { padding: 0; }
.course-detail-page .course-title { font-size: clamp(30px, 4vw, 46px); line-height: 1.18; font-weight: 700; }
.course-detail-page .content-card, .course-detail-page .benefit-box {
    background: white;
    border: 1px solid #e0e6dc;
    border-radius: 14px;
    padding: clamp(20px, 3vw, 30px);
    margin-top: 28px;
}
.course-detail-page .section-title { font-size: 27px; line-height: 1.3; }
.course-detail-page .check-item { font-size: 19px; display: flex; gap: 10px; line-height: 1.55; }
.course-detail-page .check-item i { margin: 6px 0 0; flex-shrink: 0; }
.course-detail-page .target-card { padding: 20px; background: #f7faf6; border: 0; }
.course-detail-page .target-card p { margin-bottom: 0; }
.course-detail-page .target-card i { font-size: 26px; }
.course-detail-page .benefit-item p { font-size: 18px; }
.course-detail-page .price-card { top: 110px; padding: 26px; border-top: 4px solid #0b5d3f; }
.price-label { margin-bottom: 8px; font-size: 21px; font-weight: 700; }
.course-detail-page .price-big { font-size: clamp(28px, 3vw, 36px); white-space: normal; overflow-wrap: anywhere; }
.course-detail-page .old-price { color: #667268; }
.course-detail-page .btn, .learning-page .btn, .my-courses-page .btn, #khoahoc .btn {
    font-family: inherit; font-size: 18px; border-radius: 8px; padding: 10px 18px;
}
.course-detail-page .navbar-brand { font-size: clamp(17px, 2.2vw, 25px); white-space: normal; }
.course-detail-page .navbar-collapse .btn { margin: 4px 0; }
.learning-wrapper { max-width: 1440px; }
.learning-page .card, .my-courses-page .card {
    border-radius: 14px; overflow: hidden;
}
.learning-page .card-body { padding: 24px; }
.learning-page h2 { font-size: 32px; font-weight: 700; }
.learning-page h3 { font-size: 28px; line-height: 1.35; }
.learning-page h5 { font-size: 24px; font-weight: 700; }
.learning-page .ratio { border-radius: 10px; overflow: hidden; background: #17231c; }
.learning-sidebar .list-group { max-height: 560px; overflow-y: auto; }
.learning-sidebar .list-group-item { padding: 4px 0; border-color: #edf0ea; }
.learning-sidebar .list-group-item a { padding: 12px; color: #32483b; border-radius: 8px; line-height: 1.45; }
.learning-sidebar .list-group-item a:hover { background: #f1f6ef; }
.learning-sidebar .active-lesson { background: #e8f2e6; color: #0b5d3f !important; font-weight: 700; border-left: 3px solid #0b5d3f; }
.learning-page .progress { height: 8px; }
.lesson-navigation { gap: 12px; flex-wrap: wrap; }
.my-courses-page .card-img-top { height: 200px; object-fit: cover; }
.my-courses-page .card-body, #khoahoc .course-card .card-body { display: flex; flex-direction: column; padding: 26px; }
.my-courses-page .card-title, #khoahoc .course-card h5 { font-size: 27px; line-height: 1.3; font-weight: 700; color: #0b5d3f; }
#khoahoc .course-card .course-price { margin-top: auto; padding: 18px 0; border-top: 1px solid #e4e9e1; }
#khoahoc .course-card .btn { width: 100%; }
.my-courses-page .card-footer { padding: 0 26px 26px; }
@media (max-width: 991.98px) {
    .course-detail-page .price-card { position: static; margin-top: 0; }
    .course-detail-page .course-wrapper { padding-top: 110px; }
}
@media (max-width: 575.98px) {
    .learning-page .card-body { padding: 18px; }
    .lesson-navigation > form, .lesson-navigation > div { width: 100%; }
    .lesson-navigation .btn { width: 100%; padding-inline: 10px !important; }
    .course-detail-page .feature-box { font-size: 17px; }
}