/* Selected Ink direction, scoped to the real course. The workspace keeps its Air shell. */
body.course-mode{--ink:#f3f6f5;--muted:#b0c0c5;--line:#4b5d62;--ease:cubic-bezier(.16,1,.3,1);color:var(--ink);overflow-y:auto}
body.course-mode .shell{height:auto;min-height:100svh;padding:18px}
body.course-mode .sheet{height:auto;min-height:calc(100svh - 36px);max-width:1380px;padding:25px 54px 32px;overflow:visible;border-radius:26px;background:radial-gradient(ellipse at 10% 100%,#405a6066,transparent 65%),#24363c}
body.course-mode .sheet .stage-heading{max-width:1170px;margin-bottom:30px;padding-bottom:19px;border-color:#4b5d6280}
body.course-mode .stage-heading h2{font-weight:450;color:#e1e9e9;font-size:14px}
body.course-mode .sheet .stage-close{color:#b4c4c8}
body.course-mode .module-shell{max-width:1040px}
body.course-mode .module-layout{max-width:790px}
body.course-mode .module-title{color:#f3f6f5;font-weight:450;letter-spacing:-1.2px;line-height:1.14}
body.course-mode .module-copy,body.course-mode .module-hint,body.course-mode .text-btn{color:#b5c5c9}
body.course-mode .module-steps{max-width:790px;color:#afc1c6}
body.course-mode .module-steps li.current,body.course-mode .module-steps li.complete{color:#edf4f4}
body.course-mode .step-number{background:#344950;color:#c6d7db;border-color:#556b72}
body.course-mode .module-step-ink{background:#b9cfd5}
body.course-mode .primary{background:linear-gradient(#f7f9f9,#dfe8ea);color:#2e434b;border:1px solid #edf3f3;box-shadow:inset 0 1px #fff,0 4px 10px #071d2620;border-radius:13px;min-height:46px;padding:12px 19px;font-weight:500;transition:opacity 450ms var(--ease),transform 650ms var(--ease),box-shadow 650ms var(--ease)}
body.course-mode .primary:hover:not(:disabled){opacity:1;box-shadow:inset 0 1px #fff,0 5px 18px #071d2640;transform:translateY(-1px)}
body.course-mode .primary:active:not(:disabled){transform:scale(.985)}
body.course-mode button:focus-visible,body.course-mode a:focus-visible,body.course-mode summary:focus-visible{outline-color:#b9d5dd}
body.course-mode .module-actions{border-color:#4b5d6280}
body.lesson-mode .focus-lesson{max-width:min(1040px,calc(max(160px,100svh - 275px) * 16 / 9))}
body.lesson-mode .lesson-film{border-radius:18px;background:#16272c}
body.lesson-mode .lesson-caption{color:#aebfc4}
body.lesson-mode .lesson-next-copy,body.lesson-mode .lesson-next-copy strong{color:#e3ecec}
body.lesson-mode .lesson-next-copy span{color:#b0c5c8}
body.lesson-mode .lesson-next{padding-top:23px}
body.quiz-mode .module-shell,body.quiz-mode .module-layout{max-width:790px}
body.quiz-mode .sheet .stage-heading{margin-bottom:34px;padding-bottom:19px}
body.quiz-mode .quiz-progress{max-width:none;margin-bottom:27px}
body.quiz-mode .quiz-progress-meta{font-size:11px;color:#adbec3;margin-bottom:12px}
body.quiz-mode .quiz-progress-meta strong{color:#f0f5f5;font-weight:450}
body.quiz-mode .quiz-segment{background:#4b5d62;height:3px}
body.quiz-mode .quiz-segment i{background:#c4dbe0;transition:transform 1100ms var(--ease)}
body.quiz-mode .quiz-cursor{transition:transform 1000ms var(--ease)}
body.quiz-mode .quiz-cursor:after{background:#a6c0c8}
body.quiz-mode .question-panel .module-title{font-size:38px;max-width:740px;margin-bottom:19px;letter-spacing:-1.3px}
body.quiz-mode .question-context-stack{margin-bottom:25px;min-height:84px}
body.quiz-mode .question-context-stack>.module-copy{font-size:14px;line-height:1.65;color:#b7c7cb;transition:opacity 350ms var(--ease),transform 650ms var(--ease),visibility 350ms}
body.quiz-mode .answer-options{display:grid;grid-template-columns:1fr 1fr;gap:11px}
body.quiz-mode .answer-options legend{font-size:11px;color:#b8c7cb;margin-bottom:12px}
body.quiz-mode .answer-option{isolation:isolate;min-height:84px;padding:18px;border:1px solid transparent;border-radius:15px;background:#344950;color:#edf3f4;gap:13px;align-items:center;font-size:13px;line-height:1.5;transition:color 600ms var(--ease),transform 700ms var(--ease),background 600ms var(--ease)}
body.quiz-mode .answer-option:hover:not(:has(input:disabled)){background:#3a5159;transform:translateY(-2px)}
body.quiz-mode .answer-option:active:not(:has(input:disabled)){transform:scale(.988)}
body.quiz-mode .answer-option::before{background:#f9fbfb;border:1px solid #c4d6dc;border-radius:inherit;transform:scale(.985);transition:opacity 600ms var(--ease),transform 800ms var(--ease);z-index:-1}
body.quiz-mode .answer-option:has(input:checked),body.quiz-mode .answer-option.is-correct{color:#30434b;background:#344950;border-color:transparent}
body.quiz-mode .answer-option.is-incorrect::before{background:#eee9e2;border-color:#c9b6a0}
body.quiz-mode .answer-marker{width:26px;height:26px;background:transparent;border:1px solid #647a82;border-radius:8px;color:#b7c9cf;transition:border-color 650ms var(--ease),color 650ms var(--ease)}
body.quiz-mode .answer-marker::before{background:#e0e9e9;transition:opacity 600ms var(--ease),transform 700ms var(--ease)}
body.quiz-mode .answer-marker svg{color:#365c5d;transition:opacity 500ms var(--ease),transform 700ms var(--ease)}
body.quiz-mode .answer-marker .choice-letter{transition:opacity 400ms var(--ease),transform 650ms var(--ease)}
body.quiz-mode .answer-option:has(input:focus-visible){outline:2px solid #bad4df;outline-offset:4px}
body.quiz-mode .answer-option:has(input:checked) .answer-marker,body.quiz-mode .answer-option.is-correct .answer-marker{border-color:#b8ccce;color:#435e65}
body.quiz-mode .question-actions{margin-top:23px;padding-top:18px;min-height:65px}
body.quiz-mode .question-context-stack>.answer-feedback{--feedback-ink:#145635;--feedback-copy:#24533c;--feedback-tint:linear-gradient(125deg,#c1ffde 0%,#8bf1b8 48%,#4ada90 100%)}
body.quiz-mode .question-context-stack>.answer-feedback[data-verdict=review]{--feedback-ink:#53202a;--feedback-copy:#57272c;--feedback-tint:linear-gradient(125deg,#ffe2d9 0%,#ffb3a4 48%,#fa7b80 100%)}
body.quiz-mode .question-context-stack>.answer-feedback:before{inset:-10px -12px;background:radial-gradient(ellipse at 12% 0%,#ffffff70,transparent 65%),var(--feedback-tint);border:1px solid #ffffff60;box-shadow:inset 0 1px 0 #ffffff70,0 7px 24px -16px #071d2650;transition:opacity 850ms var(--ease),transform 1000ms var(--ease)}
body.quiz-mode .question-context-stack .feedback-detail{gap:12px;transition:opacity 800ms var(--ease),transform 850ms var(--ease)}
body.quiz-mode .question-context-stack .feedback-detail h4{color:var(--feedback-ink);font-weight:500;font-size:14px}
body.quiz-mode .question-context-stack .feedback-detail p{color:var(--feedback-copy);font-size:13px;line-height:1.6}
body.quiz-mode .answer-feedback.is-entering .feedback-detail{animation-duration:900ms}
body.quiz-mode .answer-feedback.is-entering .feedback-symbol{animation-duration:850ms;animation-delay:100ms}
body.quiz-mode .answer-feedback.is-entering .feedback-stroke{animation-duration:700ms;animation-delay:220ms}
body.quiz-mode .answer-feedback.is-entering .feedback-detail h4{animation-duration:750ms;animation-delay:100ms}
body.quiz-mode .answer-feedback.is-entering .feedback-detail p{animation-duration:850ms;animation-delay:170ms}
body.quiz-mode lesson-capsule{margin-top:30px}
body.course-mode .assessment-result,body.course-mode .learning-summary{background:#30474e;border-color:#4b6269;color:#edf4f4;border-radius:16px}
body.course-mode .assessment-result{padding:22px 24px}
body.course-mode .learning-summary{padding:0 23px}
body.course-mode .assessment-result strong,body.course-mode .assessment-result b,body.course-mode .learning-summary b{color:#edf4f4}
body.course-mode .assessment-result p,body.course-mode .assessment-result strong span,body.course-mode .learning-summary span{color:#b7cacf}
body.course-mode .answer-review details,body.course-mode .learning-summary>div{border-color:#4b6269}
body.course-mode .answer-review summary,body.course-mode .answer-review summary small,body.course-mode .answer-review details>div{color:#c0d0d4}
body.course-mode .attestation-choice{background:#344950;border-color:#5b747c;color:#e3eded;border-radius:14px}
body.course-mode .attestation-choice input{accent-color:#87b0b9}
body.course-mode .ceremony-record{background:#344950;border-color:#5b747c;color:#d6e9e5}
body.course-mode .training-certificate{color:#29373b;--ink:#29373b;--muted:#7c8c87;--line:#dce4e0;border-radius:19px;padding:30px}
body.course-mode .training-certificate:before{animation:ink-record-wash 1800ms var(--ease) both}
body.course-mode .training-certificate .seal-status{animation:ink-record-seal 1000ms var(--ease) 750ms both}
@keyframes ink-record-wash{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}
@keyframes ink-record-seal{0%{opacity:0;transform:translateY(6px) scale(.92)}75%{opacity:1;transform:scale(1.02)}100%{opacity:1;transform:none}}
@media(min-width:651px) and (max-height:790px){
 body.course-mode .sheet{padding-top:20px;padding-bottom:24px}
 body.quiz-mode .sheet .stage-heading{margin-bottom:22px;padding-bottom:14px}
 body.quiz-mode .quiz-progress{margin-bottom:20px}
 body.quiz-mode .question-panel .module-title{font-size:32px;margin-bottom:15px}
 body.quiz-mode .question-context-stack{min-height:80px;margin-bottom:16px}
 body.quiz-mode .answer-option{min-height:72px;padding:14px 16px}
 body.quiz-mode .question-actions{margin-top:18px;padding-top:14px}
 body.quiz-mode lesson-capsule{margin-top:20px}
}
@media(max-width:650px){
 body.course-mode .shell{padding:10px;height:auto}
 body.course-mode .sheet{min-height:calc(100svh - 20px);height:auto;overflow:visible;border-radius:21px;padding:19px 20px 25px}
 body.course-mode .sheet .stage-heading{padding-bottom:14px;margin-bottom:25px;gap:12px}
 body.course-mode .stage-heading h2{font-size:12px}
 body.course-mode .stage-close{font-size:11px;white-space:nowrap}
 body.course-mode .primary{min-height:46px;padding:11px 14px;font-size:11px}
 body.course-mode .module-title{font-size:29px}
 body.course-mode .module-copy{font-size:13px}
 body.course-mode .module-actions{flex-wrap:wrap}
 body.lesson-mode .focus-lesson{max-width:100%}
 body.lesson-mode .lesson-film{border-radius:14px}
 body.lesson-mode .lesson-next{padding-top:27px;gap:25px}
 body.lesson-mode .lesson-caption{font-size:9px}
 body.quiz-mode .quiz-progress{margin-bottom:20px}
 body.quiz-mode .quiz-progress-meta{font-size:10px}
 body.quiz-mode .question-panel .module-title{font-size:28px;letter-spacing:-.9px;margin-bottom:18px}
 body.quiz-mode .question-context-stack{min-height:84px;margin-bottom:20px}
 body.quiz-mode .question-context-stack>.module-copy{font-size:13px;line-height:1.6}
 body.quiz-mode .question-context-stack .feedback-detail p{font-size:12px;line-height:1.55}
 body.quiz-mode .question-context-stack .feedback-detail h4{font-size:13px}
 body.quiz-mode .answer-options{grid-template-columns:1fr;gap:9px}
 body.quiz-mode .answer-option{min-height:62px;padding:12px 14px;font-size:12px;gap:12px}
 body.quiz-mode .question-actions{margin-top:20px;padding-top:16px;flex-wrap:nowrap;gap:12px}
 body.quiz-mode .question-actions .text-btn{font-size:10px}
 body.quiz-mode .question-actions .primary{min-width:143px}
 body.quiz-mode lesson-capsule{margin-top:20px}
 body.course-mode .training-certificate{padding:24px 20px}
}
@media(prefers-reduced-motion:reduce){body.course-mode *,body.course-mode *::before,body.course-mode *::after{animation:none!important;transition:none!important}}

body.quiz-mode .answer-option.is-incorrect .choice-letter{opacity:1;transform:none}
body.quiz-mode .answer-option.is-incorrect .answer-marker svg{opacity:0}
body.quiz-mode .answer-option.is-incorrect .answer-marker::before{background:#e4dacd}