.learning-main{
    --learn-surface:#fff;
    --learn-muted:#697786;
    --learn-border:#e2e6ea;
    --learn-accent:#aa171d;
    width:min(1220px,100%);
    margin:0 auto;
    padding:38px 30px 55px;
    color:var(--page-ink)
}

.learning-main [hidden]{
    display:none!important
}
    
.learning-main h1{font-size:clamp(28px,3vw,38px);
    letter-spacing:-1px
}

.learning-main h2{
    font-size:23px;
    letter-spacing:-.5px
}

.learning-main h3{
    font-size:19px
}

.learning-muted{
    color:var(--learn-muted);
    font-size:14px;
    line-height:1.7
}

.eyebrow{
    font-size:11px;
    letter-spacing:1.7px;
    font-weight:700;
    color:var(--learn-accent);
    margin-bottom:10px
}

.learning-heading,.learning-row,.player-heading{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px
}

.learning-heading{
    margin-bottom:26px
}

.learning-heading p:last-child{
    margin:10px 0 0
}

.learning-link{
    color:var(--learn-accent);
    font-size:14px;
    font-weight:650
}

.learning-link:hover{
    text-decoration:underline
}

.learning-stats{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
    margin:24px 0
}

.learning-stats article{
    padding:22px 24px;
    background:var(--learn-surface);
    border:1px solid var(--learn-border);
    border-radius:14px;
    display:flex;flex-direction:column
}

.learning-stats span{
    color:var(--learn-muted);
    font-size:13px
}

.learning-stats strong{
    font-size:32px;
    letter-spacing:-1px;
    line-height:1.7
}

.learning-stats small{
    font-size:12px;
    color:var(--learn-muted)
}

.learning-card{
    background:var(--learn-surface);
    border:1px solid var(--learn-border);
    border-radius:16px;overflow:hidden
}

.dashboard-grid{
    display:grid;
    grid-template-columns:1.12fr 1fr;
    gap:24px
}

.course-banner{height:145px;
    background:#7e1720;
    color:white;
    display:flex;
    align-items:center;
    gap:24px;
    padding:28px 30px;
    position:relative;
    overflow:hidden
}

.course-code{
    font-size:43px;
    letter-spacing:-2px;
    font-weight:700
}

.course-banner>span:nth-child(2){
    font-size:10px;
    letter-spacing:2px;
    line-height:1.8;
    border-left:1px solid #ffffff55;
    padding-left:24px
}

.banner-orbit{
    position:absolute;
    right:-12px;
    font-size:190px;
    line-height:1;
    color:#ffffff18;
    pointer-events:none
}

.learning-card-body{
    padding:27px 30px
}

.status-pill{
    display:inline-flex;
    align-items:center;
    white-space:nowrap;
    border-radius:30px;
    padding:5px 10px;
    font-size:11px;
    font-weight:650
}

.current{
    color:#946019;
    background:#fff1d8
}

.completed{
    color:#24694d;
    background:#e7f4ed
}

.locked{
    color:#6a7683;
    background:#edf0f3
}

.course-metadata{
    display:flex;
    gap:40px;
    margin:26px 0
}

.course-metadata span,.course-metadata strong{
    display:block;
    font-size:12px
}

.course-metadata span{
    color:var(--learn-muted);
    margin-bottom:6px
}

.learning-card-body>.learning-row{font-size:13px}

.learning-progress{
    appearance:none;
    display:block;
    width:100%;
    height:7px;
    border:0;
    border-radius:8px;
    overflow:hidden;
    background:#edeef0;
    margin:12px 0
}

.learning-progress::-webkit-progress-bar{
    background:#edeef0
}

.learning-progress::-webkit-progress-value{
    background:#b3212b;
    border-radius:8px
}

.learning-progress::-moz-progress-bar{
    background:#b3212b
}

.resume-block{
    display:flex;
    flex-direction:column;
    gap:5px;margin:22px 0
}

.resume-block span{
    font-size:10px;
    letter-spacing:1.2px
}

.resume-block strong{font-size:14px}

.learning-primary,.learning-secondary{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:20px;
    border-radius:8px;
    font-size:14px;
    font-weight:600;
    padding:12px 18px;
    border:1px solid transparent;
    min-height:44px
}

.learning-primary{
    background:#a71922;
    color:white
}

.learning-primary:hover{
    background:#83131a;
    color:white
}

.learning-secondary{
    background:var(--learn-surface);
    border-color:var(--learn-border);
    color:inherit
}

.learning-main button:disabled{
    opacity:.5;
    cursor:not-allowed
}

.module-card{padding:28px}

.module-list{
    list-style:none;
    margin:24px 0 0;
    padding:0
}

.module-item{
    display:flex;
    gap:14px;
    padding:21px 0;
    border-top:1px solid var(--learn-border);
    align-items:flex-start
}

.module-number{
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:#f0f2f4;
    color:#718090;
    font-size:12px;
    flex-shrink:0
}

.module-number.completed{
    background:#e7f4ed;
    color:#24694d
}

.module-number.current{
    background:#fff1d8;
    color:#946019
}

.module-copy{flex:1;min-width:0}

.module-copy strong{
    display:block;
    font-size:14px;
    margin:0 0 5px
}

.module-copy small{
    font-size:12px;
    color:var(--learn-muted)
}

.module-note{
    padding:16px;
    background:#f6f7f9;
    border-radius:8px;
    color:var(--learn-muted);
    font-size:12px;
    line-height:1.7
}

.next-section{margin-top:38px}

.next-section>.learning-muted{margin:8px 0 20px}

.next-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:24px
}

.next-card{
    display:flex;
    gap:20px;
    padding:24px
}

.country-mark{
    display:grid;
    place-items:center;
    border:1px solid var(--learn-border);
    border-radius:10px;
    background:#f4f5f7;
    width:56px;
    height:60px;
    flex-shrink:0;
    font-weight:700;
    color:#6b7884
}

.next-lock{
    font-size:12px;
    color:var(--learn-muted);
    display:block;
    margin-top:15px
}

.next-link{
    display:inline-block;
    margin-top:15px
}

.mock-footnote{
    color:var(--learn-muted);
    font-size:11px;
    text-align:center;
    margin:28px 0 0
}

.player-main{width:min(1440px,100%)}

.player-heading{
    font-size:13px;
    margin-bottom:26px
}

.player-grid{
    display:grid;
    grid-template-columns:310px minmax(0,1fr);
    gap:28px;align-items:start
}

.player-sidebar{
    padding:24px;
    position:sticky;
    top:120px
}

.player-sidebar h2{
    font-size:20px;
    margin-bottom:24px
}

.player-sidebar>.learning-row{font-size:12px}

.player-sidebar>p.learning-muted{font-size:12px}

.outline-module{
    padding:18px 0;
    border-top:1px solid var(--learn-border)
}

.outline-title{
    display:flex;
    justify-content:space-between;
    gap:8px;
    font-size:12px;
    margin-bottom:10px
}

.outline-module button{
    display:flex;
    align-items:center;
    text-align:left;
    gap:10px;
    width:100%;
    padding:10px 8px;
    background:transparent;
    border:0;
    border-radius:7px;
    color:var(--learn-muted);
    font-size:12px;
    line-height:1.5
}

.outline-module button[aria-current=step]{
    background:#fcebed;
    color:#a71922;
    font-weight:600
}

.outline-module button span:first-child{flex-shrink:0}

.lesson-card{padding:32px 38px}

.lesson-card h1{
    font-size:32px;
    line-height:1.25;
    margin-top:18px
}

.lesson-visual{
    height:165px;
    background:#f1eae4;
    border:1px solid #e5dcd2;
    border-radius:10px;
    margin:26px 0;
    position:relative;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:30px;
    color:#916f57
}

.lesson-visual>span{
    font-size:10px;
    letter-spacing:3px;
    max-width:160px;
    line-height:2
}

.lesson-visual>strong{
    font:italic 100px Georgia,serif;
    z-index:1;opacity:.65
}

.lesson-visual-lines{
    position:absolute;
    width:220px;
    height:220px;
    border:1px solid #bba18c;
    border-radius:50%;
    right:15%;
    top:50px;
    box-shadow:0 0 0 18px #f1eae4,0 0 0 19px #d0bcaa,0 0 0 38px #f1eae4,0 0 0 39px #d0bcaa
}

.lesson-card #lesson-body{
    font-size:15px;
    line-height:1.85
}

.lesson-card #lesson-body h2{
    font-size:20px;
    margin:24px 0 10px
}

.lesson-card #lesson-body ul{
    padding-left:22px;
    margin:12px 0
}

.lesson-card #lesson-body li{padding:4px 0}

.reflection-box{
    padding:20px 24px;
    background:#f5f7f9;
    border-left:3px solid #899eae;
    border-radius:0 8px 8px 0;
    margin:26px 0;
    font-size:14px
}

.lesson-completion{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;padding-top:24px;
    border-top:1px solid var(--learn-border);
    font-size:14px
}

.lesson-completion p{font-size:12px}

.lesson-navigation{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:12px;
    margin-top:20px
}

.assessment-preview{
    padding:26px;
    margin-top:22px
}

.assessment-preview .learning-primary{margin:18px 16px 0 0; max-width:100%; white-space:normal}
.lesson-column{min-width:0}
.next-lesson-time { margin: 0 0 10px; font-size: 13px; }
.assessment-preview .learning-link{display:inline-block; margin-top:16px}

.learning-main :focus-visible{
    outline:3px solid #386eaa;
    outline-offset:4px
}

.dark-theme .learning-main{
    --learn-surface:#202e3c;
    --learn-muted:#b5c2cf;
    --learn-border:#405060;
    --learn-accent:#ffa3aa
}

.dark-theme .module-note,.dark-theme .reflection-box,.dark-theme .country-mark{
    background:#293846;
    color:#bac7d3
}

.dark-theme .learning-secondary{color:#e0e8ef}

.dark-theme .outline-module button[aria-current=step]{
    background:#512831;
    color:#ffb8bd
}

.dark-theme .lesson-visual{filter:brightness(.8)}
@media(max-width:1000px){
    .dashboard-grid{
        grid-template-columns:1fr 1fr
    }
    
    .learning-card-body,.module-card{padding:22px}
    
    .module-item{gap:9px;flex-wrap:wrap}
    
    .player-grid{
        grid-template-columns:260px minmax(0,1fr);
        gap:18px
    }
    
    .lesson-card{padding:25px}
    
    .lesson-completion{
        align-items:flex-start;
        flex-direction:column
    }
    
    .course-metadata{gap:20px}}

@media(max-width:760px){
    .learning-main{padding:26px 18px 40px}

    .dashboard-grid,.next-grid,.player-grid{
        grid-template-columns:1fr
    }

    .learning-heading{
        align-items:flex-start
    }

    .learning-heading>.learning-link{
        white-space:nowrap;
        font-size:12px
    }

    .learning-stats{
        gap:8px
    }
    
    .learning-stats article{
        padding:15px 12px
    }
    
    .learning-stats strong{
        font-size:25px
    }
    
    .learning-stats small{
        font-size:10px
    }
    
    .learning-stats span{
        font-size:11px
    }
    
    .next-section>.learning-row{
        align-items:flex-start;
        flex-direction:column
    }
    
    .player-sidebar{
        position:static
    }
    
    .player-heading{
        flex-wrap:wrap
    }
    
    .player-heading>.learning-muted{
        display:none
    }
    
    .lesson-card h1{
        font-size:27px
    }
    
    .lesson-card>.learning-row{
        align-items:flex-start;
        flex-wrap:wrap
    }
    
    .lesson-visual{
        height:140px
    }
    
    .module-item{
        flex-wrap:nowrap
    }
    
    .course-banner{
        height:120px
    }
    
    .lesson-navigation button{
        padding:10px 13px;
        font-size:12px
    }
}


@media(prefers-reduced-motion:reduce){
    .learning-main *{
        transition:none!important;
        scroll-behavior:auto!important
    }
}

/* Dashboard welcome banner */
[data-learning-view="dashboard"] .learning-main,
.certificate-main {
    width: min(1640px, 100%); 
}

.learning-welcome { 
    display: grid; 
    grid-template-columns: minmax(0, 1fr) minmax(340px, .58fr); 
    align-items: center; 
    gap: 48px; 
    min-height: 282px; 
    padding: 48px 50px; 
    margin-bottom: 26px; 
    border-radius: 22px; 
    background: linear-gradient(105deg, #970300, #b50000); 
    color: #fff; 
}

.learning-welcome-copy .welcome-brand { 
    margin: 0 0 12px; 
    color: #f4d1d1; 
    font-size: 18px; 
    font-weight: 700; 
    letter-spacing: 2px; 
}

.learning-welcome-copy h1 { 
    margin: 0 0 16px; 
    color: #fff; 
    font-size: clamp(30px, 2.8vw, 38px); 
    letter-spacing: -.5px; 
}

.learning-welcome-copy > p:last-child { 
    margin: 0; 
    color: #fff; 
    font-size: 19px; 
    line-height: 1.6; 
}

.welcome-progress { 
    background: #fce8e8; 
    color: #07121c; 
    padding: 27px 29px; 
    border: 1px solid #eed1d1; 
    border-radius: 21px; 
    min-width: 0; 
}

.welcome-progress h2 { 
    font-size: clamp(23px, 2.2vw, 30px); 
    margin: 0; 
    color: #07121c; 
    letter-spacing: -.4px; 
}

.welcome-percent { 
    display: block; 
    text-align: right; 
    font-size: 25px; 
    line-height: 1.35; 
}

.welcome-progress .learning-progress { 
    display: block; 
    appearance: none; 
    width: 100%; 
    height: 13px; 
    margin: 4px 0 12px; 
    border: 0; 
    border-radius: 999px; 
    overflow: hidden; 
    background: #cfdae0; 
}

.welcome-progress .learning-progress::-webkit-progress-bar { 
    background: #cfdae0; 
    border-radius: 999px; 
}

.welcome-progress .learning-progress::-webkit-progress-value { 
    background: #940507; 
    border-radius: 999px; 
}

.welcome-progress .learning-progress::-moz-progress-bar { 
    background: #940507; 
    border-radius: 999px; 
}

.welcome-progress-caption { 
    display: flex; 
    flex-wrap: wrap; 
    align-items: baseline; 
    gap: 6px 16px; 
    font-size: 17px; 
    line-height: 1.5; 
}

.welcome-progress-caption > span:first-child { 
    font-weight: 600; 
}

@media(max-width:1000px) { 
    .learning-welcome { 
        gap: 28px; 
        padding: 32px; 
        grid-template-columns: 1fr 1fr; 
    } 
    
    .welcome-progress { 
        padding: 24px; 
    } 
}

@media(max-width:700px) { 
    .learning-welcome { 
        grid-template-columns: 1fr; 
        gap: 26px; 
        padding: 28px 22px; 
        border-radius: 18px; 
    } 
    .learning-welcome-copy .welcome-brand { 
        font-size: 14px; 
    } 
    
    .learning-welcome-copy > p:last-child { 
        font-size: 16px; 
    } 
    .welcome-progress { 
        padding: 22px; 
    } 
    .welcome-progress-caption { 
        font-size: 15px; 
    } 
}
/* Certification overview and optional tier upgrades. */
/* Put the next lesson ahead of supporting dashboard statistics. */
[data-learning-view="dashboard"] 
.learning-welcome { 
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr);
    min-height: 0; 
    padding: 26px 32px;
    margin-bottom: 26px; 
    gap: 32px; 
    align-items: start; 
}

[data-learning-view="dashboard"] 
.learning-welcome .learning-stats article { 
    background: transparent; 
    border-color: transparent; 
    color: #fff; 
}
[data-learning-view="dashboard"] 
.learning-welcome .learning-stats span,

[data-learning-view="dashboard"] 
.learning-welcome .learning-stats small { color: #f4d1d1; }

[data-learning-view="dashboard"] 
.learning-welcome .learning-stats strong { color: #fff; }

[data-learning-view="dashboard"] 
.learning-welcome .learning-stats { 
    grid-column: 2; 
    grid-row: 1; 
    width: 100%; 
    justify-self: end; 
    margin: 0; 
}

[data-learning-view="dashboard"] 
.learning-welcome .learning-stats { gap: 12px; }

[data-learning-view="dashboard"] 
.learning-welcome .learning-stats article { 
    padding: 13px 16px; 
    border-radius: 10px;
}

[data-learning-view="dashboard"] 
.learning-welcome .learning-stats span { font-size: 11px; }

[data-learning-view="dashboard"] 
.learning-welcome .learning-stats strong { font-size: 24px; line-height: 1.35; }

[data-learning-view="dashboard"] 
.learning-welcome .learning-stats small { font-size: 11px; }

[data-learning-view="dashboard"] 
.welcome-brand { font-size: 14px; margin-bottom: 8px; }

[data-learning-view="dashboard"] 
.learning-welcome h1 { margin-bottom: 8px; }

[data-learning-view="dashboard"] 
.dashboard-grid { margin-top: 20px; align-items: start; }

[data-learning-view="dashboard"] 
.course-banner {
    height: auto;
    min-height: 88px;
    padding: 18px 30px;
    flex-wrap: wrap;
    gap: 16px 24px;
}

[data-learning-view="dashboard"] .course-banner .course-code {
    max-width: 100%;
    min-width: 0;
    font-size: clamp(28px, 3vw, 43px);
    line-height: 1.2;
    overflow-wrap: anywhere;
}

[data-learning-view="dashboard"] 
.resume-block { 
    padding: 16px 18px; 
    border-left: 3px solid var(--learn-accent); 
    border-radius: 0 8px 8px 0; 
    background: var(--page-surface); 
    margin: 20px 0 14px; 
}

[data-learning-view="dashboard"] 
.resume-block strong { font-size: 20px; line-height: 1.4; }

[data-learning-view="dashboard"] 
#continue-learning { 
    width: 100%; 
    font-size: 16px; 
    min-height: 48px; 
}

[data-learning-view="dashboard"] 
.course-metadata { 
    margin: 22px 0 0; 
    padding-top: 18px; 
    border-top: 1px solid var(--learn-border); 
    flex-wrap: wrap; 
}

[data-learning-view="dashboard"] 
.learning-stats article { padding: 16px 20px; }

[data-learning-view="dashboard"] .learning-stats strong { font-size: 24px; }

@media(max-width:1100px) {
    [data-learning-view="dashboard"] .learning-welcome { grid-template-columns: minmax(0, 1fr); gap: 24px; }
    [data-learning-view="dashboard"] .learning-welcome .learning-stats { grid-column: 1; grid-row: auto; }
}

@media(max-width:700px) {
    [data-learning-view="dashboard"] .learning-welcome { grid-template-columns: 1fr; padding: 22px; }
    [data-learning-view="dashboard"] .learning-welcome .learning-stats { width: 100%; }
  [data-learning-view="dashboard"] .learning-stats { grid-template-columns: 1fr; }
  [data-learning-view="dashboard"] .learning-stats article { padding: 12px 16px; }
}

.certification-course-row { 
    display:flex; 
    align-items:flex-start; 
    justify-content:space-between; 
    gap:20px; padding:25px 0; 
    border-top:1px solid var(--learn-border); 
}

.certification-course-copy { min-width:0; }

.certification-course-select { 
    display:block; 
    flex:1; min-width:0; 
    padding:0; 
    border:0; 
    background:transparent; 
    color:inherit; 
    text-align:left; 
    cursor:pointer; 
}

.certification-course-select strong { 
    display:block; 
    font-size:17px; 
    line-height:1.5; 
}

.certification-course-select:hover strong, .certification-course-select:focus-visible strong { color:var(--learn-accent); text-decoration:underline; }

.certification-course-select[aria-pressed="true"] strong { color:var(--learn-accent); }

.selected-progress { margin-top: 20px; font-size: 13px; color: var(--learn-muted); }
.selected-progress strong { color: var(--learn-accent); }
.certification-course-select .learning-progress { margin: 14px 0 8px; }

.certification-course-copy a { 
    display:block; 
    color:inherit; 
    font-size:17px; 
    font-weight:650; 
    line-height:1.5; 
}

.certification-course-copy a:hover { color:var(--learn-accent); text-decoration:underline; }

.certification-course-copy small { 
    display:block; 
    color:var(--learn-muted); 
    font-size:12px; 
  
    margin-top:7px; 
}
.certification-course-actions { 
    display:flex; 
    align-items:flex-end; 
    flex-direction:column; 
    gap:12px; 
    flex-shrink:0; 
}

.tier-upgrade { 
    display:flex; 
    flex-direction:column; 
    align-items:center; 
    gap:2px; 
    border:1px solid var(--learn-accent); 
    border-radius:20px; 
    background:transparent; 
    color:var(--learn-accent); 
    padding:7px 18px; 
    font:600 13px inherit; 
    cursor:pointer; 
}
.tier-upgrade span { font-size:10px; font-weight:400; }

.tier-dialog { max-width:min(540px,calc(100vw - 32px)); }

.tier-option { 
    display:flex; 
    justify-content:space-between; 
    align-items:center; 
    flex-wrap:wrap; gap:10px; 
    padding:18px 0; 
    border-bottom:1px solid #dce1e7; 
}

.tier-dialog > p { margin:16px 0; line-height:1.6; }

@media(max-width:420px) { 
    .certification-course-row { gap:12px; flex-wrap:wrap; } 
    .certification-course-actions { flex-direction:row; align-items:center; } 
}

/* Certification flow keeps the existing dashboard colours and cards. */
.certification-course-row:has(.certification-course-select[aria-pressed="true"]) {
    background: var(--page-surface);
    box-shadow: inset 3px 0 var(--learn-accent);
    border-radius: 8px;
}
.certification-course-row { padding-left: 14px; padding-right: 14px; }
#assessment-next-actions:not([hidden]) {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 20px 0;
}
#assessment-next-actions > p { flex-basis: 100%; margin: 0; }

.journey-flow { display: grid; grid-template-columns: minmax(200px, .75fr) 32px minmax(0, 2fr); gap: 18px; align-items: center; }
.journey-foundation { padding: 24px; }
.journey-foundation h3 { margin: 0; }
.journey-foundation small { display: block; margin-top: 12px; font-size: 12px; }
.journey-arrow { color: var(--learn-accent); font-size: 28px; text-align: center; }
.journey-pathways { min-width: 0; }
.journey-next-heading { margin-bottom: 16px; }
.certification-journey .next-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.certification-journey .next-card { padding: 18px; gap: 12px; flex-direction: column; }
.certification-journey .country-mark { width: 44px; height: 40px; font-size: 12px; }
.certification-journey .next-card h3 { font-size: 16px; margin-bottom: 10px; overflow-wrap: anywhere; }
.certification-journey .pathway-status { margin-top: 6px; }
.certification-journey .next-lock { display: none; }
.certification-journey[data-locked="true"] .pathway-description,
.certification-journey[data-locked="true"] .country-mark { display: none; }
.certification-journey[data-locked="true"] .next-card { padding: 14px 16px; }
.certification-journey[data-locked="true"] .next-card .eyebrow { font-size: 10px; letter-spacing: 1px; margin-bottom: 6px; }
@media(max-width:1000px) {
    .journey-flow { grid-template-columns: 1fr; gap: 14px; }
    .journey-arrow { transform: rotate(90deg); justify-self: center; }
}
@media(max-width:600px) {
    .certification-journey .next-grid { grid-template-columns: 1fr; }
    .certification-journey .next-card { flex-direction: row; }
}

.assessment-question { border: 0; border-top: 1px solid var(--learn-border); padding: 20px 0; margin: 20px 0 0; min-width: 0; }
.assessment-question legend { padding: 0 8px 0 0; font-weight: 600; font-size: 15px; line-height: 1.6; }
.assessment-option { display: flex; gap: 12px; align-items: flex-start; padding: 12px 14px; margin: 8px 0; border: 1px solid var(--learn-border); border-radius: 8px; cursor: pointer; font-size: 14px; line-height: 1.6; }
.assessment-option input { margin-top: 5px; accent-color: #a71922; flex-shrink: 0; }
.assessment-option:has(input:checked) { background: var(--page-surface); border-color: var(--learn-accent); }
#assessment-result { margin-top: 24px; padding: 20px; border: 1px solid var(--learn-border); border-radius: 10px; background: var(--page-surface); line-height: 1.7; }
#assessment-result ol { padding-left: 22px; }
#assessment-result li { margin-top: 10px; }