.guide.guide-video-launcher{display:flex;width:clamp(95px,12vw,164px);height:auto;bottom:88px;pointer-events:auto;animation:none!important;padding:0;background:none}
.guide-video-launcher button{display:grid;gap:0;padding:0;overflow:hidden;width:100%;border:2px solid #e2c484;border-radius:22px;background:#fff8e8;color:#254742;box-shadow:0 6px 24px #052d3555}
.guide-video-launcher video{width:100%;display:block;aspect-ratio:1;object-fit:contain;pointer-events:none}
.guide-video-launcher span{font-size:clamp(12px,1.1vw,16px);font-weight:700;padding:6px 3px}
#guideDialog{box-sizing:border-box;width:min(440px,94vw);max-height:94dvh;padding:16px;border:2px solid #d1b377;border-radius:24px;background:#fff8e8;color:#234840;overflow:auto;box-shadow:0 18px 100px #0008}
#guideDialog::backdrop{background:#062a2ad4}
.guide-video-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
#guideTitle{font-size:21px;line-height:1.35;margin:0}
#guideClose{font-size:23px;line-height:1;width:38px;min-width:38px;height:38px;padding:0}
#guideVideo{display:block;width:100%;height:auto;max-height:51dvh;aspect-ratio:1;object-fit:contain;border-radius:14px;background:#fff8e8}
#guideCaption{font-size:20px;font-weight:700;line-height:1.65;text-align:center;margin:12px 0 8px;min-height:3.3em}
#guidePlaybackStatus{font-size:14px;line-height:1.5;margin:4px 0;color:#587068}
#guidePlaybackStatus:empty{display:none}
.guide-video-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}
.guide-video-actions button{font-size:14px;padding:9px 12px}
#guideLibrary{margin:12px 0 0;font-size:14px}#guideLibrary[hidden]{display:none}
#guideLibrary>div{display:flex;flex-wrap:wrap;gap:6px;padding-top:8px}#guideLibrary button{font-size:13px;padding:7px}
.guide-advance{display:flex;align-items:center;gap:8px;padding:5px 12px;background:#e8f1df;color:#234840;font-size:15px;font-weight:bold;flex-shrink:0}.guide-advance[hidden]{display:none}.guide-advance img{width:42px;height:42px;border-radius:50%;object-fit:cover}.guide-advance span{max-width:180px;white-space:normal}.dialoghead{flex-wrap:wrap}.dialoghead>div{flex:1}.dialoghead>.guide-advance{order:1}#zoomDialog .guide-advance{color:#234840}#zoomDialog .guide-advance img{width:32px;height:32px}
#zoomContent.cat-question-view{max-width:800px}#zoomContent.cat-question-view>img{height:min(50vh,440px);object-fit:contain}.cat-question-clear{margin:12px 0 0;text-align:center;font-size:clamp(22px,3vw,38px);font-weight:bold;color:#fff8dd;line-height:1.5}
@media(max-width:600px){.dialoghead>.guide-advance{width:100%;justify-content:center}.guide-advance span{max-width:none}#zoomDialog .guide-advance{font-size:12px;padding:3px 9px}#zoomViewport:has(.cat-question-view){height:60vh}}
.award-guide-preview{display:inline-grid;padding:6px;gap:6px;overflow:hidden;font-size:14px}.award-guide-preview video{display:block;width:160px;height:160px;object-fit:contain;margin:auto;border-radius:14px;pointer-events:none}
@media(max-width:600px){.guide.guide-video-launcher{right:10px;bottom:125px;width:90px}#guideDialog{padding:12px}#guideTitle{font-size:18px}#guideCaption{font-size:18px}}

/* The guide is part of the current teaching window, never a modal. */
#guideInline{display:grid;grid-template-columns:180px 1fr;gap:18px;align-items:center;margin:22px 0 12px;padding:16px;background:#eef1df;border:1px solid #c4cea8;border-radius:16px;color:#234840}
#guideInline[hidden]{display:none}#guideInline #guideVideo{width:180px;max-height:180px;border-radius:12px}#guideInline #guideTitle{margin:0;font-size:20px}#guideInline #guideCaption{font-size:18px;text-align:left;min-height:0;margin:8px 0}#guideInline .guide-video-actions{justify-content:flex-start}#guideInline #guidePlaybackStatus{color:#56694d;font-size:14px}.guide-video-launcher img{height:auto!important;width:100%!important;aspect-ratio:1;object-fit:contain;display:block}
#zoomDialog.with-inline-guide{overflow:auto}#zoomDialog.with-inline-guide #zoomViewport{height:40vh}#zoomDialog.with-inline-guide #zoomContent>img{max-height:36vh}#zoomDialog.with-inline-guide #guideInline{margin:10px 0;padding:10px;grid-template-columns:115px 1fr}#zoomDialog.with-inline-guide #guideVideo{width:115px;max-height:115px}
@media(max-width:600px){#guideInline{grid-template-columns:100px 1fr;gap:10px;padding:10px}#guideInline #guideVideo{width:100px;max-height:100px}#guideInline #guideTitle{font-size:16px}#guideInline #guideCaption{font-size:15px}#guideInline .guide-video-actions{gap:5px}#guideInline .guide-video-actions button{padding:6px 9px;font-size:13px}#guideInline .guide-inline-copy{min-width:0}#zoomDialog.with-inline-guide #guideInline{grid-template-columns:85px 1fr}#zoomDialog.with-inline-guide #guideVideo{width:85px;max-height:85px}}