/* Queen Makeda pilot — reusable hero lesson assessment, navigation, and timers. */
body.mk-interactive .mk-wrap{padding-bottom:135px}
.mk-progress-dock{position:sticky;top:var(--mk-dock-top,72px);z-index:60;background:#06120ff2;border:1px solid #94ff5377;border-radius:0 0 13px 13px;padding:9px 15px 11px;box-shadow:0 8px 24px #000a;backdrop-filter:blur(11px)}
.mk-progress-line{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#f1f5ef;font:700 13px/1.35 Georgia,serif}
.mk-progress-line strong{color:#fff200}.mk-progress-track{width:100%;height:9px;border-radius:40px;overflow:hidden;background:#20352f;margin-top:8px;border:1px solid #94ff5340}
.mk-progress-fill{display:block;height:100%;width:0%;border-radius:40px;background:linear-gradient(90deg,#94ff53,#fff200);transition:width .3s ease}
.mk-question{position:relative;padding:21px;border:1px solid #a4c7c8a3;border-left:5px solid #66acdd;border-radius:14px;background:linear-gradient(145deg,#203748,#172833)!important;margin:22px 0 17px;box-shadow:0 8px 24px #0006}
.mk-question>h3{color:#f9f7da!important;margin:0 0 14px}
.mk-question .mk-choice{background:#091b26!important;border-color:#d0e0e447!important;color:#f6f9f7}
.mk-question .mk-choice:has(input:checked){border-color:#fff200!important;background:#213d48!important;box-shadow:inset 4px 0 #fff200}
.mk-question .mk-choice input{accent-color:#93ff52}
.mk-question.mk-success{border-left-color:#7cf66e;border-color:#7cf66e;box-shadow:0 0 20px #94ff5330}
.mk-question.mk-incorrect{border-left-color:#ff6969;border-color:#e57878;background:linear-gradient(135deg,#43202b,#271c24)!important}
.mk-question.mk-incorrect .mk-choice:has(input:checked){border-color:#ff7777!important;background:#4a2932!important;box-shadow:inset 4px 0 #ec5c5c}
.mk-question.mk-success .mk-choice:has(input:checked){border-color:#94ff53!important;background:#153d2b!important;box-shadow:inset 4px 0 #94ff53}
.mk-feedback{display:block;border-radius:9px!important;padding:12px 15px!important;margin-top:12px!important;line-height:1.6!important}
.mk-feedback.mk-positive{border-left:4px solid #94ff53!important;background:#153b2d!important;color:#e3ffe4!important}
.mk-feedback.mk-negative{border-left:4px solid #ff7474!important;background:#41222c!important;color:#ffe6e7!important}
.mk-feedback:empty{display:none!important}
.mk-step:has(.mk-question)>.mk-card{background:#183548a3;border-color:#80b8d977}
.mk-branch-controls{padding:16px;border-radius:13px;background:#e3eaf1!important;border:2px solid #9caeba}
.mk-branch-controls .mk-btn{color:#fff200}
.mk-branch-outcome{background:#183449!important;border-color:#80b9dc!important}
.mk-step:has(.mk-branch-controls)>.mk-note{margin-top:18px}
.mk-step:has(.mk-response) .mk-response{background:#f6f9f0!important;color:#132b22;border-color:#94ff53;min-height:160px}
.mk-timer-panel{background:#132c35;border:1px solid #89b1bb;border-radius:12px;padding:12px 14px;margin:16px 0 20px}
.mk-timer-panel .mk-timer-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.mk-timer-panel button{font:700 13px Georgia,serif;cursor:pointer;border:1px solid #94ff53;border-radius:8px;padding:9px 13px;min-height:42px;color:#fff200;background:#184232}
.mk-timer-panel button:focus-visible{outline:2px solid #fff200;outline-offset:2px}
.mk-timer-panel button[hidden]{display:none}
.mk-timer-readout{font:700 clamp(18px,2.3vw,25px) Georgia,serif;color:#fff200;min-width:68px;font-variant-numeric:tabular-nums;letter-spacing:.03em}
.mk-timer-note{font:13px/1.5 Georgia,serif;color:#e2e9df;margin:8px 0 0}
.mk-timer-panel.mk-time-expired{background:#49242d;border-color:#ff8c8c;animation:mk-expiry .5s ease}
.mk-timer-panel.mk-time-expired .mk-timer-readout{color:#ffaaa8}
.mk-timer-panel.mk-time-expired .mk-timer-note{color:#ffe7e8}
.mk-confetti-field{position:fixed;inset:0;pointer-events:none;z-index:99999;overflow:hidden}
.mk-confetti-bit{position:absolute;width:9px;height:14px;border-radius:1px;transform:translate(-50%,-50%);animation:mk-pop 1000ms ease-out forwards}
.mk-checkmark{display:inline-block;color:#94ff53;font-weight:900;margin-right:6px}
.mk-video-panel{border:1px solid #87b5bc;border-radius:14px;padding:19px;background:linear-gradient(140deg,#173346,#102523);margin:16px 0}
.mk-video-panel h3{color:#fff200}.mk-video-screen{width:100%;aspect-ratio:16/9;overflow:hidden;border:1px solid #94ff5355;border-radius:10px;background:#040d12;display:grid;place-items:center}
.mk-video-screen iframe{width:100%;height:100%;border:0}.mk-video-panel a,.mk-sources-expanded a{color:#b9ffac;text-decoration:underline;text-underline-offset:3px}
.mk-sources-expanded li{margin:14px 0;line-height:1.65}
.mk-sources-expanded strong{color:#fff200}
@keyframes mk-pop{0%{opacity:1;transform:translate(-50%,-50%) rotate(0) scale(1)}100%{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) rotate(var(--rot)) scale(.55)}}
@keyframes mk-expiry{0%,100%{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
@media(max-width:700px){.mk-progress-dock{padding:8px 10px}.mk-progress-line{font-size:11px}.mk-question{padding:15px}.mk-branch-controls{padding:10px}.mk-timer-panel{padding:10px}}
@media(prefers-reduced-motion:reduce){.mk-progress-fill,.mk-timer-panel,.mk-confetti-bit{animation:none!important;transition:none!important}.mk-confetti-field{display:none}}

/* Prominent, accessible chapter-jump navigation, independent of the site transition engine. */
.mk-steps-nav{display:flex!important;flex-wrap:wrap!important;align-items:stretch!important;justify-content:space-between!important;column-gap:clamp(15px,2.3vw,34px)!important;row-gap:10px!important;margin:24px 0 30px!important;padding:15px clamp(13px,2vw,22px)!important;background:#101c22!important;border:1px solid #cddde142!important;border-radius:14px!important}
.mk-steps-nav a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:46px!important;padding:10px 9px!important;background:transparent!important;color:#fff!important;text-decoration:none!important;border:0!important;border-bottom:0!important;font:700 clamp(15px,1.45vw,18px)/1.3 Georgia,serif!important;white-space:normal!important;text-align:center;transition:background .2s,border-radius .2s}
.mk-steps-nav a:hover,.mk-steps-nav a:focus-visible{color:#fff200!important;background:#203948!important;border-radius:9px!important;outline:2px solid #94ff53!important;outline-offset:1px!important}
.mk-steps-nav a[aria-current="location"]{color:#fff200!important;background:#1d3a31!important;border-radius:9px!important}
.mk-step[id]{scroll-margin-top:160px!important}
.mk-hero .mk-skip{scroll-margin-top:160px}
.mk-video-chapter-guide{margin:12px 0;padding:14px 16px;border-left:4px solid #94ff53;background:#0d282b;border-radius:9px}
.mk-video-chapter-guide h4{margin:0 0 8px;color:#fff200;font-size:16px}
.mk-video-chapter-guide ul{margin:7px 0;padding-left:22px}
.mk-video-chapter-guide li{line-height:1.65;margin:5px 0;color:#ecf1eb}
.mk-video-chapter-guide small{color:#d5e1d7}
@media(max-width:750px){.mk-steps-nav{justify-content:center!important;column-gap:13px!important;padding:10px!important}.mk-steps-nav a{flex:1 1 130px!important;font-size:15px!important}}


/* Unified sticky progress + timer: directly below site navigation */
.mk-progress-dock{position:sticky!important;top:var(--mk-dock-top,0px)!important;z-index:998!important;width:100%;margin:0!important;border-radius:0!important;padding:6px clamp(9px,2vw,20px)!important;background:#06120ff7}
.mk-unified-row{max-width:1300px;margin:auto;display:flex;align-items:center;gap:clamp(10px,2vw,25px);justify-content:space-between}
.mk-progress-group{flex:1 1 45%;min-width:120px;max-width:50%;display:flex;align-items:center;gap:9px;color:#f1f5ef;font:700 12px Georgia,serif;white-space:nowrap}
.mk-progress-group .mk-progress-track{margin:0;flex:1;min-width:35px;height:8px}
.mk-progress-group strong{color:#fff200;font-variant-numeric:tabular-nums}
.mk-unified-timer{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex:1 1 auto;font:700 12px Georgia,serif;color:#fff200}
.mk-unified-timer select{max-width:85px;min-height:30px;border:1px solid #94ff53;border-radius:5px;background:#eaf2e8;color:#102a1a;padding:2px 4px;font:12px Georgia,serif}
.mk-unified-timer output{font:700 17px Georgia,serif;color:#fff200;font-variant-numeric:tabular-nums;min-width:52px}
.mk-unified-timer button{border:1px solid #94ff53;border-radius:6px;padding:6px 8px;background:#153a28;color:#fff200;font:700 12px Georgia,serif;cursor:pointer;min-height:30px;white-space:nowrap}
.mk-unified-timer button:focus-visible,.mk-unified-timer select:focus-visible{outline:2px solid #fff200;outline-offset:2px}
.mk-timer-status:empty{display:none}.mk-timer-status{margin:2px auto 0;text-align:right;max-width:1300px;font:12px Georgia,serif;color:#fff200}
.mk-progress-dock.mk-time-expired{border-bottom-color:#fff200;box-shadow:0 4px 20px #94ff5355}
.mk-timer-suggestion{font:italic 13px/1.4 Georgia,serif;color:#dbe9cd;margin:12px 0 7px;padding:4px 0;border-bottom:1px solid #94ff5340}
.mk-step[id]{scroll-margin-top:155px}
@media(max-width:730px){.mk-unified-row{flex-wrap:wrap;gap:5px}.mk-progress-group{max-width:100%;flex-basis:100%}.mk-unified-timer{flex:1 1 100%;justify-content:center;gap:5px}.mk-unified-timer button{padding:5px 7px}.mk-progress-dock{padding:5px 8px!important}.mk-progress-group{font-size:11px}}
@media(max-width:360px){.mk-unified-timer{font-size:10px;gap:3px}.mk-unified-timer button{font-size:10px;padding:5px}.mk-unified-timer output{font-size:14px;min-width:42px}}


/* Classroom timer finishing polish — concise, accessible controls */
.mk-timer-status{display:none!important}
.mk-unified-timer{gap:4px}
.mk-unified-timer select{max-width:77px;min-height:28px;font-size:11px}
.mk-unified-timer button{padding:4px 6px;min-height:28px;font-size:11px}
.mk-unified-timer #mk-audio-toggle{padding:4px 5px;min-width:62px}
.mk-unified-timer output{font-size:16px;min-width:49px}
.mk-progress-dock.mk-time-expired{border-bottom-color:#ad414a!important}
.mk-progress-dock.mk-time-expired #mk-timer-clock{color:#ffd4d5}
.mk-progress-dock.mk-finish-flash{animation:mk-five-color-finish 2.8s ease-out 1}
@keyframes mk-five-color-finish{
  0%,100%{background:#06120ff7;box-shadow:0 8px 24px #000a}
  9%{background:#3c1728;box-shadow:0 0 15px #ef5961a0}
  18%{background:#06120ff7}
  27%{background:#45310c;box-shadow:0 0 15px #ffbd4ba0}
  36%{background:#06120ff7}
  45%{background:#173e38;box-shadow:0 0 15px #55e2caa0}
  54%{background:#06120ff7}
  63%{background:#25214b;box-shadow:0 0 15px #9d84e9a0}
  72%{background:#06120ff7}
  81%{background:#293a12;box-shadow:0 0 15px #a6e35ca0}
  90%{background:#06120ff7}
}
@media(max-width:730px){.mk-unified-timer{gap:3px}.mk-unified-timer button{padding:4px 5px;font-size:10px;min-height:27px}.mk-unified-timer select{max-width:73px;font-size:10px}.mk-unified-timer #mk-audio-toggle{min-width:57px}.mk-unified-timer output{font-size:15px;min-width:45px}}
@media(prefers-reduced-motion:reduce){.mk-progress-dock.mk-finish-flash{animation:none!important}}