.tutorials-layout{max-width:1440px;grid-template-columns:216px minmax(0,1fr)}
.tutorials-main{max-width:1060px}
.tutorials-main .learn-title{max-width:75ch}
.tutorials-main article{max-width:none}
.tutorial-film{padding:4px 0 46px;margin:0 0 32px;border-bottom:1px solid var(--line)}
.tutorial-film:last-child{border-bottom:0}
.tutorial-film h2{display:flex;align-items:baseline;justify-content:space-between;gap:20px;flex-wrap:wrap}
.tutorial-length{color:#536b70;font-size:15px;font-weight:400;white-space:nowrap;font-variant-numeric:tabular-nums}
.tutorial-film>p{max-width:72ch}
.tutorial-player{display:block;width:100%;aspect-ratio:16/9;background:#052f38;border-radius:12px;overflow:hidden;margin:24px 0 20px}
.tutorial-player::cue{font-family:'Cooper Hewitt',sans-serif;color:#fff;background:rgba(15,25,29,.94);font-size:clamp(14px,1.8vw,26px)}
.tutorial-links{display:flex;flex-wrap:wrap;gap:10px 24px;font-size:15px}
.tutorial-links a{min-height:36px;display:inline-flex;align-items:center}
.tutorial-text{max-width:74ch}
.tutorial-text .transcript-time{display:block;color:#536b70;font-size:13px;font-variant-numeric:tabular-nums;margin-bottom:6px}
.tutorial-text section{margin-top:30px}
.tutorial-recording-note{font-size:14px;color:#536b70}
@media(max-width:800px){.tutorials-layout{display:block}.tutorial-film{padding-bottom:30px;margin-bottom:24px}.tutorial-film h2{gap:8px}.tutorial-length{font-size:14px}.tutorial-player{margin:20px 0 16px;border-radius:8px}.tutorial-links{font-size:14px;gap:6px 20px}}
@media print{.tutorial-player{display:none}.tutorial-film{break-inside:avoid}.tutorial-links a{min-height:0}}