.mr6-learner-group { display: grid; gap: 12px; margin: 20px 0 28px; }
.mr6-learner-group > h2 { margin: 0 0 3px; color: #173b68; font-size: clamp(1.2rem, 2.4vw, 1.55rem); }
.mr6-learner-resume { display: flex; flex-wrap: wrap; gap: 8px 18px; align-items: center; padding: 18px 20px; margin: 8px 0 16px; border: 1px solid #d6e1ee; border-radius: 18px; background: #f7fbff; color: #173b68; }
.mr6-learner-resume span { width: 100%; color: #986000; font-size: .75rem; font-weight: 800; letter-spacing: .12em; }
.mr6-learner-resume strong { flex: 1 1 240px; }
.mr6-learner-resume a, .mr6-learner-view-all { color: #173b68; font-weight: 750; text-decoration: underline; text-underline-offset: 3px; }
.mr6-learner-view-all { display: inline-block; margin: 5px 0 20px; }
.mr6-sync-warning, .mr6-import-notice { position: relative; z-index: auto; box-sizing: border-box; width: calc(100% - 24px); max-width: 760px; margin: 12px auto; padding: 14px 16px; border: 1px solid #d1ddec; border-radius: 12px; background: #fff; color: #173b68; font: 600 14px/1.5 system-ui, sans-serif; }
.mr6-sync-warning { max-width: 340px; background: #fff9e9; border-color: #d4ad43; }
.mr6-import-notice { margin: 12px auto; }
.mr6-sync-warning button, .mr6-import-notice button { margin: 10px 8px 0 0; padding: 8px 12px; border: 1px solid #173b68; border-radius: 8px; background: #173b68; color: #fff; cursor: pointer; }
.mr6-import-notice button:last-child { color: #173b68; background: #fff; }
@media (max-width: 600px) { .mr6-learner-resume { padding: 16px; } .mr6-learner-resume a { width: 100%; } }
@font-face{font-family:MR6CourseHand;src:url('../../mr6points-grade12-presentation/assets/fonts/ComicNeue-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
.mr6-question p.good,.mr6-question p.bad,.mr6-question p.good *,.mr6-question p.bad *{font-family:MR6CourseHand,Arial,sans-serif!important;font-style:normal!important;font-size:clamp(18px,1.3vw,20px);line-height:1.8}
/* Give the fixed completion bar its own space below lesson navigation. */
:is(.bio-lesson-nav,.phy-lesson-nav,.chem-lesson-nav,.mr6-lesson-nav){padding-bottom:calc(var(--mr6-lesson-footer-height,100px) + 32px)!important;scroll-margin-bottom:calc(var(--mr6-lesson-footer-height,100px) + 32px)}
:is(.bio-lesson-nav,.phy-lesson-nav,.chem-lesson-nav,.mr6-lesson-nav) a{min-height:44px;scroll-margin-bottom:calc(var(--mr6-lesson-footer-height,100px) + 32px)}
.mr6-maths-sync-status{margin-top:14px;padding:12px;background:#f1f7ff;border:1px solid #cad9ed;border-radius:10px;font:400 14px/1.5 Arial,sans-serif;overflow-wrap:anywhere}
.mr6-maths-sync-status button{display:block;margin-top:8px;padding:9px 14px;min-height:44px;border:1px solid #173b68;border-radius:8px;background:#fff;color:#173b68;cursor:pointer}