: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))}}

.work-nav{display:flex;gap:24px;flex-wrap:wrap;padding:0 0 18px;font-size:14px}.work-nav a{text-decoration:none}.work-nav a:hover{text-decoration:underline}.stage{height:calc(100dvh - 250px);min-height:350px;overflow:auto;padding:18px;align-items:flex-start;overscroll-behavior:contain}.stage img{width:auto;height:100%;max-width:100%;object-fit:contain;display:block;background:white;box-shadow:0 4px 20px #0005}.viewer.zoomed .stage{display:block}.viewer.zoomed .stage img{height:auto;width:1082px;max-width:none;margin:auto}.toolbar{position:relative}.slide-picker{max-width:200px}.below{line-height:1.6}.archive-note{font-size:13px;line-height:1.6;color:#63706e}.archive-note a{color:var(--red)}#viewer-status:empty{display:none}#viewer-status{padding:14px;margin:0}.viewer:fullscreen .stage,.viewer.window-mode .stage{height:0;flex:1}.viewer:fullscreen .stage img,.viewer.window-mode .stage img{max-height:100%}.viewer.zoomed:fullscreen .stage img,.viewer.zoomed.window-mode .stage img{max-height:none}.viewer:fullscreen .toolbar,.viewer.window-mode .toolbar{min-height:68px}#fullscreen{font-size:14px}#zoom{white-space:nowrap;font-size:14px}@media(max-width:680px){.stage{height:calc(100dvh - 295px);min-height:300px;padding:10px}.toolbar{gap:8px}.slide-picker{order:0;flex:1;min-width:115px;max-width:none}.movement{flex:1}#zoom,#fullscreen{flex:1}.work-nav{gap:16px;font-size:13px}.viewer:fullscreen .stage,.viewer.window-mode .stage{height:0;min-height:0}.below{font-size:12px}}

/* Continuous vertical document reading. */
.stage{display:block;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;position:relative}.stage img,.viewer:fullscreen .stage img,.viewer.window-mode .stage img{width:min(100%,780px);height:auto;max-height:none;max-width:100%;margin:0 auto 22px;aspect-ratio:1082/1400}.stage img:last-child{margin-bottom:0}.viewer.zoomed .stage img{width:min(100%,1082px);max-width:100%;height:auto}.toolbar{z-index:2}