.learning-layout {
    display:grid;
    grid-template-columns:280px minmax(0,1fr);
    gap:32px
}
.lesson-nav {
    padding:22px;
    background:var(--light);
    border-radius:10px;
    height:fit-content
}
.lesson-nav a,.lesson-nav .locked {
    display:block;
    padding:12px 0;
    border-bottom:1px solid var(--line);
    font-size:.9rem;
    line-height:1.5
}
.lesson-nav .locked {
    color:#657384
}
.lesson-content {
    max-width:780px
}
.lesson-content h1 {
    font-size:2.2rem
}
.lesson-body {
    font-size:1.08rem;
    line-height:1.85;
    overflow-wrap:anywhere
}
.lesson-body p {
    margin-bottom:23px
}
.lesson-body table {
    line-height:1.5
}
.lesson-controls {
    border-top:1px solid var(--line);
    padding-top:25px;
    margin-top:30px;
    display:flex;
    justify-content:space-between;
    gap:16px;
    flex-wrap:wrap
}
.progress {
    height:10px;
    background:#dfe5ec;
    margin:15px 0
}
.progress-bar {
    background:var(--red)
}
.quiz-question {
    border:1px solid var(--line);
    border-radius:10px;
    padding:25px;
    margin-bottom:22px
}
.quiz-question legend {
    font-size:1rem;
    font-weight:700;
    float:left;
    margin-bottom:15px
}
.quiz-question label {
    display:flex;
    align-items:flex-start;
    gap:12px;
    background:var(--light);
    padding:13px 16px;
    border-radius:6px;
    cursor:pointer;
    margin-bottom:8px;
    font-size:1rem;
    clear:both
}
.quiz-question input {
    margin-top:7px;
    flex-shrink:0
}
.course-status {
    font-size:.8rem;
    color:var(--muted)
}
.certificate-view {
    text-align:center;
    padding:40px;
    border:double 6px var(--navy);
    background:white
}
.certificate-view .certificate-logo {
    width:260px;
    max-width:100%
}
.certificate-name {
    font:700 2rem Montserrat,sans-serif;
    background:var(--light);
    padding:18px;
    margin:22px 0;
    overflow-wrap:anywhere
}
.certificate-view .seal {
    width:100px;
    margin:20px
}
.sample-banner {
    color:var(--red);
    font-weight:800;
    letter-spacing:2px
}
.admin-nav {
    display:flex;
    gap:12px;
    flex-wrap:wrap;
    margin-bottom:30px
}
.admin-nav a {
    padding:8px 13px;
    background:var(--light);
    border-radius:5px;
    font-size:.85rem
}
.metric-grid {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
    margin-bottom:30px
}
.metric-grid .panel {
    padding:22px
}
.dashboard-lessons {
    list-style:none;
    padding:0
}
.dashboard-lessons li {
    padding:18px 0;
    border-bottom:1px solid var(--line);
    display:flex;
    gap:15px;
    justify-content:space-between;
    align-items:center
}
.dashboard-lessons a {
    font-weight:600
}
.dashboard-lessons small {
    display:block;
    color:var(--muted)
}
@media(max-width:991px) {
    .learning-layout {
        grid-template-columns:1fr
    }
    .lesson-nav {
        order:2
    }
    .metric-grid {
        grid-template-columns:1fr 1fr
    }
}
@media(max-width:375px) {
    .metric-grid {
        grid-template-columns:1fr
    }
    .quiz-question {
        padding:16px
    }
    .certificate-view {
        padding:18px
    }
    .lesson-content h1 {
        font-size:1.8rem
    }
}