:root{color-scheme:light;--ink:#153e3b;--muted:#607270;--paper:#f4f4ee;--line:#d5ded7;--teal:#17665e;--gold:#a97838;--white:#fff;--focus:#d79229}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}button,input,select{font:inherit}button,select{color:var(--ink);background:var(--white);border:1px solid #9fb4ac;border-radius:5px;min-height:40px;padding:7px 15px}button{cursor:pointer}button:hover{background:#e8f0e9}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:3px}button.primary{background:var(--teal);border-color:var(--teal);color:white;min-width:164px}button.primary:hover{background:#104e48}.text-button{border:0;background:transparent;min-height:36px;padding:3px 7px;text-decoration:underline;text-underline-offset:4px;font-size:13px}.small{font-size:12px;color:var(--muted)}.skip{position:absolute;left:20px;top:-80px;background:white;padding:12px;z-index:99}.skip:focus{top:8px}.masthead{display:flex;gap:32px;align-items:center;max-width:1680px;margin:auto;padding:23px 42px 18px;border-bottom:1px solid var(--line)}.brand{font:700 25px/1.2 Georgia,serif;letter-spacing:1px;padding-right:29px;border-right:1px solid var(--line)}.brand span{display:block;font:600 8px/1.3 system-ui;letter-spacing:1.6px;margin-top:6px}.lecture-heading{flex:1}.lecture-heading h1{font:500 28px/1.1 Georgia,serif;margin:0}.lecture-heading p{font-size:12px;color:var(--muted);margin:7px 0 0}.quiet{background:transparent}.position-line{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:17px 0 12px;font-size:12px;letter-spacing:.04em}#sectionName{font-weight:600;color:var(--teal)}#slideCount{white-space:nowrap}main{max-width:1680px;margin:auto;padding:0 42px}.stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,210px);gap:28px;align-items:start}.slide-frame{background:#fff;position:relative;aspect-ratio:16/9;border:1px solid #ccd8d0;box-shadow:0 10px 35px #163c3910}.slide-frame img{display:block;width:100%;height:100%;object-fit:contain}.slide-frame #slideError{position:absolute;inset:30%;background:var(--paper);padding:10px;text-align:center}.slide-caption{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 0}.slide-caption h2{font-size:14px;font-weight:600;margin:0}.slide-caption button{white-space:nowrap}.presenter{padding-top:0}.presenter-frame{aspect-ratio:4/5;background:#dce5dd;position:relative;overflow:hidden;border-radius:3px}.presenter-frame img,.presenter-frame video{width:100%;height:100%;object-fit:contain;position:absolute;inset:0;background:#dce5dd}#portraitPlaceholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;font-size:12px;color:#506d63}.portrait-initials{font:400 52px Georgia,serif;border-bottom:1px solid #8aa79b;padding:10px 15px}.presenter h3{font:500 22px/1.2 Georgia,serif;margin:17px 0 2px}.presenter p{margin:0}.credentials{font-size:12px;letter-spacing:.04em}.affiliation{font-size:11px;color:var(--muted);padding-top:11px}.presenter .check-row{margin-top:18px}.presenter .small{font-size:10px;padding-top:6px}.transport{margin-top:8px;padding:16px 0 8px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.transport-top{display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap}.main-controls,.secondary-controls{display:flex;align-items:center;gap:9px}.secondary-controls{gap:19px}.check-row{font-size:12px;display:flex;align-items:center;gap:6px}.check-row input{width:16px;height:16px;accent-color:var(--teal);margin:0}.speed-label{font-size:12px;display:flex;align-items:center;gap:7px}.speed-label select{padding:4px 8px;min-height:33px;font-size:12px}.seek-row{display:flex;align-items:center;gap:14px;margin-top:13px;font-size:12px;font-variant-numeric:tabular-nums}.seek-row span{min-width:36px}.seek-row span:last-child{text-align:right}input[type=range]{accent-color:var(--teal);width:100%;height:20px;cursor:pointer}.playback-bottom{display:flex;justify-content:space-between;gap:14px;align-items:center}.playback-bottom p{margin:5px 0;font-size:12px;color:var(--muted)}.reading-row{display:flex;align-items:center;gap:18px;padding:16px 0}.reading-row button{font-size:12px;min-height:35px}.reading-row .small{margin-right:auto}#transcriptPanel{max-width:950px;padding:8px 0 28px}#transcriptPanel h2{font:500 24px Georgia,serif}#transcriptText p{font-size:16px;line-height:1.8;max-width:78ch}details{font-size:14px;color:var(--muted);padding-top:12px}#slideText{white-space:pre-line}footer{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:10px;padding:12px 0 24px;border-top:1px solid var(--line)}.stage.enlarged{display:block}.stage.enlarged .presenter{display:none}dialog{width:min(880px,calc(100vw - 30px));max-height:86vh;padding:24px;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#0a2928b5}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.dialog-head h2{margin:3px 0 16px;font:500 30px Georgia,serif}.eyebrow{font-size:10px;letter-spacing:.14em;color:var(--teal);margin:0}.find-controls{display:grid;grid-template-columns:1fr 1fr;gap:14px}.find-controls label{font-size:12px}.find-controls input,.find-controls select{display:block;width:100%;margin-top:4px;min-height:39px;border:1px solid #9fb4ac;border-radius:5px;padding:8px;background:white}#slideList{padding:0;margin:0;list-style:none;max-height:52vh;overflow:auto}#slideList li{border-top:1px solid var(--line)}#slideList button{width:100%;text-align:left;border:0;background:transparent;border-radius:0;display:flex;gap:17px;padding:11px 9px}#slideList button:hover,#slideList button[aria-current=true]{background:#e2ebe3}#slideList .num{font-size:12px;color:var(--teal);min-width:28px}#slideList .item-title{font-size:14px}#slideList .item-section{display:block;font-size:10px;color:var(--muted)}[hidden]{display:none!important}
@media(min-width:1500px){.stage{grid-template-columns:minmax(0,1fr) 230px}}
@media(max-width:1000px){.masthead{padding:18px 22px;gap:20px}main{padding:0 22px}.brand{font-size:21px;padding-right:17px}.brand span{max-width:110px;font-size:7px}.lecture-heading h1{font-size:24px}.stage{grid-template-columns:minmax(0,1fr) 160px;gap:18px}.presenter h3{font-size:19px}.secondary-controls{gap:12px}.transport-top{gap:12px}.transport{padding-top:12px}}
@media(max-width:700px){.masthead{padding:15px 16px;gap:12px}.brand{font-size:17px;padding-right:11px}.brand span{display:none}.lecture-heading h1{font-size:21px}.lecture-heading p{font-size:10px;margin-top:4px}.masthead button{font-size:11px;min-height:35px;padding:5px 9px}main{padding:0 12px}.position-line{font-size:10px;margin-top:13px}.stage{grid-template-columns:1fr;gap:4px}.presenter{display:grid;grid-template-columns:46px 1fr;column-gap:11px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:10px}.presenter-frame{grid-row:1/4;width:46px;height:56px}.presenter h3{font-size:15px;margin:0;align-self:end}.credentials{font-size:10px}.affiliation{display:none}.portrait-initials{font-size:21px;border:0;padding:0}#portraitPlaceholder>span:last-child{display:none}.presenter .check-row{grid-column:2;margin-top:4px;font-size:10px}.presenter .small{display:none}.slide-caption{padding:9px 0}.slide-caption h2{font-size:12px}.slide-caption button{font-size:11px}.transport{margin-top:8px;border-top:0}.transport-top{display:block}.main-controls{justify-content:space-between;gap:7px}.main-controls button{font-size:13px;min-height:42px;padding:7px 12px}.main-controls .primary{flex:1;min-width:0}.secondary-controls{justify-content:space-between;margin-top:13px}.check-row{font-size:11px}.playback-bottom p{font-size:10px}.reading-row{gap:9px;flex-wrap:wrap;padding:12px 0}.reading-row .small{font-size:10px}footer{font-size:9px}.find-controls{grid-template-columns:1fr}dialog{padding:18px}.stage.enlarged .presenter{display:none}#transcriptText p{font-size:15px}.seek-row{margin-top:10px}}
@media(min-width:701px){.stage{grid-template-columns:minmax(0,max(300px,min(1100px,calc((100dvh - 360px)*1.77778)))) minmax(160px,210px);justify-content:center}.stage.enlarged{display:block}.presenter-frame{max-height:260px}.presenter h3{margin-top:11px}.stage.enlarged .slide-frame{max-height:none}}
@media(prefers-reduced-motion:no-preference){button{transition:background .15s}}@media print{.masthead button,.transport,.reading-row,footer,.presenter,.text-button{display:none}.stage{display:block}body{background:white}main{padding:0}#transcriptPanel{display:block!important}}
@media(max-width:700px){.stage.video-visible .presenter{grid-template-columns:96px 1fr}.stage.video-visible .presenter-frame{width:96px;height:120px}}
/* Content slides give the image the main area; the presenter becomes a byline. */
.slide-area{min-width:0}.secondary-controls{flex-wrap:wrap}.compact-button{font-size:12px;min-height:34px;padding:5px 10px}
@media(min-width:701px){
 .teaching-view .masthead{padding-top:12px;padding-bottom:12px}
 .teaching-view .lecture-heading h1{font-size:24px}
 .teaching-view .position-line{margin-top:11px;margin-bottom:9px}
 .stage.teaching:not(.video-visible):not(.enlarged){position:relative;display:block;width:min(100%,max(520px,min(1200px,calc((100dvh - 260px)*1.77778))));margin-inline:auto}
 .stage.teaching:not(.video-visible) .slide-caption{min-height:50px;padding-right:225px}
 .stage.teaching:not(.video-visible):not(.enlarged) .presenter{position:absolute;right:0;bottom:4px;display:grid;grid-template-columns:32px 1fr;gap:0 9px;align-items:center;width:205px}
 .stage.teaching:not(.video-visible) .presenter-frame{width:32px;height:40px;grid-row:1/3;max-height:none}
 .stage.teaching:not(.video-visible) .presenter h3{font:500 13px/1.25 system-ui;margin:0;align-self:end}
 .stage.teaching:not(.video-visible) .credentials{font-size:10px;grid-column:2;align-self:start}
 .stage.teaching:not(.video-visible) .affiliation,.stage.teaching:not(.video-visible) #portraitPlaceholder>span:last-child{display:none}
 .stage.teaching:not(.video-visible) .portrait-initials{font-size:18px;border:0;padding:0}
 .stage.teaching.enlarged .slide-caption{padding-right:0}
}
@media(max-width:700px){
 .secondary-controls{gap:10px;justify-content:flex-start}
 .secondary-controls .check-row:last-child{margin-left:auto}
 .stage:not(.teaching) .presenter{grid-template-columns:80px 1fr}
 .stage:not(.teaching) .presenter-frame{width:80px;height:100px}
 .stage.teaching:not(.video-visible) .presenter{grid-template-columns:32px 1fr}
 .stage.teaching:not(.video-visible) .presenter-frame{width:32px;height:40px}
 .stage.teaching:not(.video-visible) .presenter h3{font-size:13px}
 .stage.video-visible .presenter{grid-template-columns:96px 1fr}
 .stage.video-visible .presenter-frame{width:96px;height:120px}
}