:root{--paper:#f6f3ed;--ink:#192c2d;--red:#9d3827}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px Arial,Helvetica,sans-serif}a{color:inherit}header{max-width:1440px;margin:auto;display:flex;align-items:center;gap:30px;padding:18px 28px}.brand img{width:190px;height:auto;display:block}.heading{flex:1}h1{font-size:19px;margin:0 0 5px}.heading span{font-size:13px;color:#63706e}.download{font-size:14px;font-weight:bold;color:var(--red)}main{max-width:1440px;margin:auto;padding:0 28px 32px}.viewer{background:#102021;color:white}.stage{height:calc(100dvh - 250px);min-height:180px;display:flex;align-items:center;justify-content:center;overflow:hidden}.canvas{width:min(100%,calc((100dvh - 250px)*16/9));min-width:0;aspect-ratio:16/9;position:relative}.canvas img{width:100%;height:100%;display:block}#hotspots{position:absolute;inset:0;pointer-events:none}.hotspot{position:absolute;pointer-events:auto}.hotspot:hover{background:#fff2}.hotspot:focus-visible{outline:3px solid #148850;outline-offset:0;background:#fff3}.toolbar{display:flex;align-items:center;gap:18px;padding:12px 18px;min-height:68px;background:var(--ink)}button,select{font:inherit;min-height:42px;border:1px solid #748482;border-radius:3px;background:transparent;color:inherit}button{cursor:pointer;padding:8px 14px}button:hover{background:#ffffff1a}button:disabled{opacity:.3;cursor:default}a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #e6b55d;outline-offset:3px}.movement{display:flex;align-items:center;gap:14px}#counter{white-space:nowrap;font-size:14px;min-width:52px;text-align:center}.slide-picker{flex:1;min-width:0}select{width:100%;padding:8px;max-width:540px;background:var(--ink);text-overflow:ellipsis}#fullscreen{white-space:nowrap;background:var(--red);border-color:var(--red)}.below{display:flex;justify-content:space-between;gap:18px;align-items:center;font-size:13px;color:#52625e;padding:4px 0 12px}.below a{font-weight:bold;color:var(--red)}.help{line-height:1.6}.transcript{border-top:1px solid #cbd1c9;padding:16px 0;font-size:14px}.transcript summary{cursor:pointer;width:fit-content}.transcript div{white-space:pre-line;line-height:1.65;max-width:850px;padding:18px 0}.footer-nav{display:flex;flex-wrap:wrap;gap:24px;font-size:13px;padding-top:14px;border-top:1px solid #cbd1c9}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.viewer:fullscreen,.viewer.window-mode{width:100vw;height:100dvh;max-width:none;display:flex;flex-direction:column}.viewer.window-mode{position:fixed;inset:0;z-index:9999}.viewer:fullscreen .stage,.viewer.window-mode .stage{flex:1;height:calc(100dvh - 68px);min-height:0}.viewer:fullscreen .canvas,.viewer.window-mode .canvas{width:min(100%,calc((100dvh - 68px)*16/9))}.viewer:fullscreen .toolbar,.viewer.window-mode .toolbar{flex-shrink:0}body.presenting{overflow:hidden}@media(max-width:680px){header{gap:14px;flex-wrap:wrap;padding:16px}.brand img{width:150px}.heading{min-width:140px}h1{font-size:16px}.download{font-size:13px}main{padding:0 12px 24px}.stage{height:auto;min-height:0}.canvas{width:100%}.toolbar{gap:10px;padding:10px;flex-wrap:wrap}.movement{gap:8px;flex:1}.slide-picker{order:3;flex:0 0 100%}select{max-width:none;font-size:14px}.below{display:block;padding:5px}.below .help{margin:10px 0}.footer-nav{gap:16px}.viewer:fullscreen .stage,.viewer.window-mode .stage{height:calc(100dvh - 114px)}.viewer:fullscreen .canvas,.viewer.window-mode .canvas{width:min(100%,calc((100dvh - 114px)*16/9))}}@media(max-height:500px) and (min-width:681px){header{padding:8px 24px}.brand img{width:140px}.stage{height:calc(100dvh - 145px)}.canvas{width:min(100%,calc((100dvh - 145px)*16/9))}}