.wb-wrap{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start;margin:10px 0}
.wb-video{flex:1 1 480px;max-width:640px}
.wb-video video{width:100%;height:auto;background:#000;display:block}
.wb-transcript{flex:1 1 360px;min-width:300px}
.wb-transcript h3{margin:0 0 4px}
.wb-transcript .wb-hint{margin:0 0 8px;font-weight:bold}
.wb-box,.wb-box .slice{text-align:left!important}
.wb-box{max-height:470px;overflow-y:auto;border:1px solid #cfd8dc;padding:8px 10px;background:#fbfbfb;line-height:1.5}
.wb-box .slice{cursor:pointer}
.wb-box .slice:hover{background:#e8f1fa}
.wb-box .slice.wb-active{background:#fff2a8}
.wb-info{margin-top:14px}
@media (max-width:700px){.wb-box{max-height:320px}}