.tutorial-videos { margin-block:36px 48px; }
.tutorial-inline-video { margin:28px 0 36px; border:1px solid var(--line); }
.tutorial-inline-video video { display:block; width:100%; height:auto; max-height:560px; object-fit:contain; background:#151515; }
.tutorial-inline-video figcaption { display:flex; flex-wrap:wrap; justify-content:space-between; gap:16px; padding:16px 20px; font:400 18px/1.7 var(--sans); }
.tutorial-video { margin:0; border:1px solid var(--line); border-bottom:0; }
.tutorial-video:last-child { border-bottom:1px solid var(--line); }
.tutorial-video summary { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:18px 20px; cursor:pointer; font:400 18px/1.5 var(--sans); }
.tutorial-video summary span:first-child { min-width:0; overflow-wrap:anywhere; }
.tutorial-video summary span:first-child::before { content:'＋'; display:inline-block; width:24px; margin-right:8px; }
.tutorial-video[open] summary span:first-child::before { content:'−'; }
.tutorial-video-duration { flex:0 0 auto; font-size:16px; }
.tutorial-video video,.tutorial-admin-video { width:100%; height:auto; display:block; max-height:560px; object-fit:contain; background:#151515; }
.tutorial-video-links { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px; padding:16px 20px; font:400 18px/1.7 var(--sans); }
.article-cover img.article-cover-image { height:auto; aspect-ratio:16/9; object-fit:cover; }
:is(.lesson-image,.article-image,.lead-image,.side-image):has(.article-cover-image) { height:auto; aspect-ratio:16/9; }
:is(.lesson-image,.article-image,.lead-image,.side-image) img.article-cover-image { display:block; width:100%; height:100%; object-fit:cover; }
.image-placeholder { aspect-ratio:16/9; }
.image-placeholder-art { display:block; width:40%; height:40%; border:1px solid var(--line); background:linear-gradient(135deg,#c5c6bd,#f9f9f4); }
.tutorial-media-editor { border:1px solid var(--line); padding:24px; margin-block:24px; }
.tutorial-media-editor h3 { font-size:26px!important; line-height:1.3; }
.tutorial-media-editor p { font-size:18px; line-height:1.7; }
.tutorial-cover-preview { width:100%; height:auto; display:block; border:1px solid var(--line); margin-block:16px; }
.tutorial-admin-video-list { display:grid; gap:16px; margin-block:24px; }
.tutorial-admin-video-list details { border:1px solid var(--line); padding:16px; min-width:0; }
.tutorial-admin-video-list summary { cursor:pointer; font-size:18px; overflow-wrap:anywhere; }
.tutorial-admin-video-list label { margin-block:16px; }
.tutorial-video-progress { font-size:18px; line-height:1.7; }
@media(max-width:639px) {
  .tutorial-media-editor { padding:16px; }
  .tutorial-video summary,.tutorial-video-links { padding:16px; }
  .tutorial-video summary { gap:12px; }
}