.real-video{margin:24px 0 40px;padding:28px;background:#fff;border:1px solid #ccd8d0;border-radius:14px;scroll-margin-top:72px}.real-video h1{font-size:36px;margin:0 0 12px}.real-video .lede{max-width:80ch;font-size:17px;line-height:1.6}.real-video video{display:block;width:100%;max-height:76vh;aspect-ratio:8/5;background:#132f38;border-radius:8px}.video-tools{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:14px 0}.video-status{font-size:14px;line-height:1.5;color:#4c605b;min-height:2em}.video-chapters{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.video-chapters button{font-size:12px;text-align:left}.real-video details{border-top:1px solid #ccd8d0;margin-top:20px;padding-top:18px}.real-video summary{font-size:18px;cursor:pointer}.video-transcript{padding:0;list-style:none}.video-transcript li{padding:16px 0;border-bottom:1px solid #e3e9e5}.video-transcript p{font-size:15px;line-height:1.65;max-width:100ch;margin:8px 0}.video-meta{font-size:12px;color:#4c605b;line-height:1.6}.real-video a{color:#166c64}.illustrated-label{margin-top:30px;font-size:24px}@media print{.real-video,.illustrated-label{display:none!important}}
.tutorial .real-video{padding:24px}.tutorial .real-video h1{font-size:34px}.tutorial .real-video .lede{font-size:16px;margin:12px 0 18px;max-width:90ch}.tutorial .real-video video{max-height:66vh}
