@font-face{font-family:Noto;src:url('assets/fonts/NotoSans-Regular.ttf')}@font-face{font-family:Noto;src:url('assets/fonts/NotoSans-Bold.ttf');font-weight:700}
:root{--primary:#2451E6;--teal:#008577;--ink:#173042;--background:#F6F8FC;--surface:#fff;--body:#435563;font-family:Noto,Arial,sans-serif;font-size:18px;line-height:1.4;color:var(--ink);background:var(--background);color-scheme:light}*{box-sizing:border-box}body{margin:0}button,input,a{touch-action:manipulation}button{font:inherit;font-size:.87rem;border:1px solid #bac9d6;background:var(--surface);color:var(--ink);border-radius:8px;padding:9px 14px;min-height:44px;cursor:pointer}button:disabled{opacity:.48;cursor:default}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid var(--teal);outline-offset:3px}button:hover:not(:disabled){border-color:var(--primary)}.primary{background:var(--primary);color:#fff;border-color:transparent;font-weight:700}a{color:var(--primary)}[hidden]{display:none!important}.skip{position:absolute;top:-100px;z-index:20;background:#fff}.skip:focus{top:5px;left:5px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
body.course-runtime{height:100dvh;overflow:hidden}#player{max-width:1280px;margin:auto;position:relative;height:100dvh;display:grid;grid-template-rows:auto 4px auto minmax(0,1fr);grid-template-areas:'header' 'progress' 'status' 'content';overflow:hidden}.header{grid-area:header;background:var(--surface);padding:12px 25px;display:flex;justify-content:space-between;align-items:center;gap:16px}.collection{font-size:.64rem;color:var(--body)}.course-title{font-size:.8rem;font-weight:700;margin-top:4px}.logo{width:145px;height:auto;flex-shrink:0}.progress{grid-area:progress;height:4px;background:#e0e8f2}.progress>div{height:100%;background:var(--primary)}.status{grid-area:status;padding:7px 22px;font-size:.7rem;background:#fff3d9}
#screen{flex:1;min-width:0;min-height:0;overflow:auto;padding:52px 30px 20px;outline:none;display:flex;flex-direction:column;gap:10px;scrollbar-gutter:stable}.eyebrow{font-size:.65rem;color:var(--teal);font-weight:700;text-transform:uppercase;letter-spacing:1.2px}h1{font-size:clamp(1.55rem,2.6vw,2.2rem);line-height:1.15;letter-spacing:-.8px;margin:0 0 4px}h2{font-size:1.05rem;line-height:1.3;margin:0 0 12px}p{color:var(--body);margin:0 0 12px;line-height:1.5}.small{font-size:.73rem;color:var(--body)}.instruction{font-size:.83rem;margin:0}.stage{min-height:0;flex:1}.two-column{display:grid;grid-template-columns:.9fr 1.15fr;gap:24px;align-items:start}.decision{min-width:0}.context-card{background:#e8f4f1;border-radius:12px;padding:20px}.person{font-size:.76rem;font-weight:700;color:var(--teal);margin-bottom:12px}blockquote{margin:0 0 14px;font-size:1.02rem;line-height:1.5;color:var(--ink)}.context-more,.feedback-link{border:0;min-height:36px;background:transparent;padding:5px 0;text-decoration:underline;color:var(--primary);font-size:.76rem}.choices{display:grid;gap:8px}.choice{display:flex;align-items:start;gap:11px;text-align:left;font-size:.9rem;line-height:1.35;padding:10px 12px}.choice.selected{background:#edf1ff;border-color:var(--primary);box-shadow:inset 3px 0 var(--primary)}.letter{color:var(--primary);font-weight:700;min-width:18px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.tags{display:flex;gap:9px;flex-wrap:wrap;margin:16px 0}.tags span{font-size:.74rem;padding:6px 10px;background:#fff;border:1px solid #d8e1eb;border-radius:6px}.welcome{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;flex:1;min-height:0}.welcome h1{font-size:clamp(1.8rem,3.3vw,2.7rem);margin:10px 0 15px}.hero{width:100%;max-height:100%;object-fit:contain;border-radius:14px;min-height:0}.welcome .hero,.action-grid .hero{max-height:calc(100dvh - 200px)}
.hotspot-image{position:relative;aspect-ratio:3/2;width:100%;max-width:calc((100dvh - 235px)*1.5);margin:0 auto}.hotspot-image img{width:100%;height:100%;display:block;border-radius:14px}.hotspot{position:absolute;transform:translate(-50%,-50%);border:3px solid #fff;border-radius:50%;width:46px;height:46px;padding:0;display:grid;place-items:center;background:var(--primary);color:#fff;font-weight:700;box-shadow:0 2px 10px #17304250}.hotspot[aria-pressed=true]{background:var(--teal)}.hotspot.visited::after{content:'✓';position:absolute;right:-6px;top:-6px;background:#fff;color:var(--teal);width:20px;height:20px;border-radius:50%;font-size:.6rem;display:grid;place-items:center}.reveal-panel{background:#fff;border:1px solid #d8e1eb;border-radius:12px;padding:20px;min-height:160px}.reveal-panel h2{margin-top:8px}.reveal-panel p{font-size:.9rem}.question-bubble{background:#e8f4f1;border-radius:8px;padding:12px;font-size:.9rem}.reveal-panel+.small{margin-top:8px}.message-bubble{background:#fff;border:1px solid #d8e1eb;border-radius:12px;padding:18px}.message-bubble p{font-size:1.03rem;line-height:1.8}.message-bubble button{display:inline;padding:1px 5px;min-height:0;line-height:1.7;background:#edf1ff;border:0;border-bottom:2px solid var(--primary);border-radius:4px;color:var(--primary);font-size:inherit}.message-bubble button[aria-pressed=true]{background:#e8f4f1;color:var(--teal);border-color:var(--teal)}.message-image{width:100%;height:95px;object-fit:cover;object-position:center 40%;border-radius:7px;display:block}
.timeline{background:#e8f4f1;border-radius:14px;padding:18px 24px;flex:0 1 auto}.timeline-nodes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;position:relative;margin-bottom:15px}.timeline-nodes::before{content:'';height:3px;background:#97bcb6;position:absolute;top:23px;left:16%;right:16%}.timeline-nodes button{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;border:0;background:transparent;padding:0;font-size:.8rem}.timeline-nodes button>span{display:grid;place-items:center;width:46px;height:46px;border:3px solid #fff;border-radius:50%;color:#fff;background:var(--ink);font-weight:700}.timeline-nodes button[aria-pressed=true]>span{background:var(--primary)}.timeline-nodes button.visited:not([aria-pressed=true])>span{background:var(--teal)}.timeline .reveal-panel{min-height:120px;max-width:850px;margin:auto}.timeline .small{margin-top:8px}.multi-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.check-choice{display:flex;align-items:start;gap:11px;padding:11px 13px;background:#fff;border:1px solid #bac9d6;border-radius:8px;font-size:.9rem;line-height:1.4;cursor:pointer}.check-choice:has(input:checked){background:#edf1ff;border-color:var(--primary)}input{accent-color:var(--primary);min-width:18px;min-height:18px;margin:3px 0 0}fieldset{border:0;margin:0;padding:0}.multi-grid .check-choice{font-size:.86rem;min-height:70px}.question-nav{display:flex;gap:8px}.question-nav button{padding:5px 11px;font-size:.76rem;min-height:36px}.question-nav button[aria-current]{background:var(--primary);color:#fff}.quiz-question{max-width:950px}.quiz-question h2{font-size:1.04rem}.quiz-intro,.result-panel{display:flex;align-items:center;justify-content:center;gap:30px}.quiz-icon{font-size:3rem;color:var(--primary);width:100px;height:100px;background:#e8f4f1;border-radius:50%;display:grid;place-items:center}.result-score{font-size:4rem;color:var(--teal);font-weight:700;white-space:nowrap}.result-score span{font-size:1.4rem}.action-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:28px;align-items:center}.action-path{display:flex;align-items:center;gap:10px;margin-bottom:20px}.action-path span{background:#e8f4f1;border-radius:7px;padding:9px;color:var(--teal);font-weight:700;font-size:.9rem}.action-path b{font-weight:400}.link-button{display:inline-block;border-radius:8px;padding:12px 16px;text-decoration:none;font-size:.87rem}.centre{display:grid;place-content:center;text-align:center}
#slide{grid-area:content;position:relative;min-width:0;min-height:0;display:flex;flex-direction:column}#slide-controls{position:absolute;top:8px;right:12px;z-index:8;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px;max-width:calc(100% - 24px)}#slide-controls button{font-size:.65rem;line-height:1;height:33px;min-height:33px;padding:0 10px;border-radius:6px;white-space:nowrap;position:relative}#slide-controls .more{position:relative}#page-label{font-size:.65rem;color:var(--body);white-space:nowrap;margin-right:4px}#additional-controls-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:9;display:flex;flex-direction:column;gap:4px;min-width:200px;max-height:calc(100dvh - 130px);overflow:auto;padding:8px;background:#fff;border:1px solid #d8e1eb;border-radius:10px;box-shadow:0 10px 30px #17304235}#additional-controls-menu button{text-align:left}@media(pointer:coarse){#slide-controls button::before{content:'';position:absolute;inset:-6px -3px}#additional-controls-menu button{height:44px;min-height:44px}}#narration{display:none}.caption{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;padding:9px 14px;border-radius:6px;max-width:calc(100% - 36px);font-size:.83rem;text-align:center;pointer-events:none;z-index:5}.caption:empty{display:none}
dialog{border:1px solid #d8e1eb;border-radius:14px;padding:24px;max-width:min(640px,calc(100vw - 30px));max-height:calc(100dvh - 36px);overflow:auto;color:var(--ink);font:inherit;box-shadow:0 15px 55px #17304230}dialog::backdrop{background:#17304255}#close-dialog{display:block;margin:0 0 18px auto}dialog li{margin:10px 0}dialog h2{font-size:1.2rem}#finish-note{font-size:.82rem;color:var(--teal);margin:0}
@media(max-height:580px) and (min-width:701px){.header{padding:8px 20px}.collection{display:none}.course-title{margin:0}#screen{padding:46px 24px 14px;gap:7px}h1{font-size:1.55rem}.context-card{padding:15px}.reveal-panel{padding:15px;min-height:145px}.reveal-panel h2{font-size:1rem}.reveal-panel p,.question-bubble{font-size:.86rem}.message-image{height:65px}.timeline{padding:12px 18px}.timeline-nodes{margin-bottom:10px}.timeline .reveal-panel{padding:12px}.timeline .reveal-panel p{margin-bottom:7px}.timeline .reveal-panel h2{margin:4px 0 8px}.welcome .hero,.action-grid .hero{max-height:245px}.choice{padding:8px 10px;font-size:.88rem}.decision h2{font-size:.97rem;margin-bottom:8px}.result-score{font-size:3rem}.multi-grid .check-choice{min-height:64px;padding:9px 10px}.hotspot-image{max-width:calc((100dvh - 175px)*1.5)}}
@media(max-width:700px){.header{padding:10px 16px}.collection{font-size:.55rem}.course-title{font-size:.72rem}.logo{width:112px}#screen{padding:48px 18px 16px;gap:8px}h1{font-size:1.6rem}.two-column{grid-template-columns:1fr;gap:12px}.context-card{padding:12px 14px}.context-card .person{margin-bottom:6px}.context-card blockquote{font-size:.9rem;line-height:1.35;margin-bottom:4px}.context-card>p{font-size:.88rem;margin:0}.context-more{min-height:30px;font-size:.7rem}.screen-choice .context-card,.screen-multi .context-card{display:none}.screen-choice .decision::before,.screen-multi .decision::before{content:'Use Additional controls ▾ Situation to reopen the request.';font-size:.68rem;color:var(--body);display:block;margin-bottom:8px}.decision h2{font-size:1rem}.choice,.check-choice{font-size:.88rem}.welcome{grid-template-columns:1fr;gap:16px;align-content:start}.welcome h1{font-size:1.9rem;margin:8px 0 10px}.welcome .hero{max-height:140px;width:100%;object-fit:cover}.welcome p{font-size:.92rem}.tags{margin:10px 0}.screen-welcome .row>button{font-size:.75rem}.hotspot-image{max-width:300px}.screen-hotspots .two-column{grid-template-columns:1fr;gap:10px}.screen-hotspots .hotspot-image{max-width:210px}.reveal-panel{min-height:120px;padding:14px}.reveal-panel h2{font-size:1rem}.reveal-panel p{font-size:.86rem;margin-bottom:8px}.reveal-panel .eyebrow{font-size:.6rem}.question-bubble{font-size:.84rem;padding:10px}.message-image{display:none}.message-bubble{padding:14px}.message-bubble .person{margin-bottom:5px}.message-bubble p{font-size:.94rem;margin:0}.timeline{padding:14px}.timeline-nodes{gap:8px}.timeline-nodes button{font-size:.67rem;line-height:1.3}.timeline .reveal-panel{padding:13px}.multi-grid{gap:8px}.multi-grid .check-choice{font-size:.83rem;padding:9px;min-height:77px}.quiz-intro,.result-panel{flex-direction:column;gap:20px;text-align:center}.quiz-icon{font-size:2.3rem;width:80px;height:80px}.result-panel .row{justify-content:center}.result-score{font-size:3rem}.action-grid{grid-template-columns:1fr;gap:16px;align-content:start}.action-grid .hero{max-height:150px;object-fit:cover}.action-path{gap:7px;margin-bottom:15px}.action-path span{font-size:.8rem;padding:8px}.action-grid h2{font-size:1.1rem}.question-nav{gap:6px;justify-content:space-between}.question-nav button{font-size:.7rem;padding:5px 9px}.quiz-question .check-choice{font-size:.86rem}#slide-controls{top:6px;right:8px;gap:5px;max-width:calc(100% - 16px)}#slide-controls button{padding:0 8px}#additional-controls-menu{min-width:190px}.screen-branch .context-card p{font-size:.83rem;line-height:1.35}.screen-branch .context-card .context-more{display:none}}
@media print{body.course-runtime{height:auto;overflow:visible}#player{height:auto;display:block;overflow:visible}#screen{overflow:visible}#slide-controls,.progress,.status,.caption{display:none}.header{padding:10px}main{padding:20px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}}

.objectives-stage{max-width:760px}.objectives{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:14px}.objectives li{display:flex;gap:14px;align-items:flex-start}.objectives strong{display:block;font-size:1.05rem}.objectives small{display:block;color:#4b5b66;margin-top:2px}.obj-n{flex:none;width:30px;height:30px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}