/* ---------- class snippet (video) archive extras + single detail ---------- */
  .video-detail{max-width:900px;margin:0 auto}
  .video-player{position:relative;aspect-ratio:16/9;border-radius:var(--radius);overflow:hidden;background:var(--green-deep);box-shadow:var(--shadow-lg);margin-bottom:26px}
  .video-player iframe,.video-player img{width:100%;height:100%;object-fit:cover;border:0}
  .video-player .v-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
  .video-meta-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}
  .video-meta-row span{font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:var(--gold-soft);color:var(--gold-dark);padding:6px 14px;border-radius:999px}
  .video-detail h1{font-size:clamp(1.5rem,3vw,2.1rem);margin-bottom:14px}
  .video-detail .desc{color:var(--muted);font-size:1rem;margin-bottom:28px;max-width:760px}
  .video-teacher-box{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px 24px;margin-bottom:32px}
  .video-teacher-box .ava{width:52px;height:52px;border-radius:50%;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.1rem;flex:0 0 auto}
  .video-teacher-box b{display:block;color:var(--green-dark)}
  .video-teacher-box span{font-size:.82rem;color:var(--muted)}
  .video-teacher-box a{margin-left:auto}

  @media(max-width:760px){.video-teacher-box{flex-wrap:wrap}.video-teacher-box a{margin-left:0}}