/* YouTube-style play page (desktop only, 2026-11-08 stage 3). Phones keep the full-screen vertical player. */
@media (min-width:961px){
  .ytw{--yt-text:#f1f1f1;--yt-sub:#aaa;--yt-chip:#272727;--yt-chip-h:#3f3f3f}
  .ytw .watch{grid-template-columns:minmax(0,1fr) 402px;gap:24px}
  .ytw .ytw-old{display:none}
  /* the mouse wheel over the player scrolls the page; other episodes are picked from "Up next" (2026-11-08) */
  .ytw .stg-track{overflow-y:hidden;overscroll-behavior:auto}

  /* under the player */
  .ytw-info{margin-top:12px}
  .ytw-title{margin:0 0 12px;font-size:20px;line-height:1.4;font-weight:700;color:var(--yt-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .ytw-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
  .ytw-av{flex:none;display:block;line-height:0}
  .ytw-av .au-av,.ytw-av img{width:40px;height:40px;border-radius:50%;object-fit:cover}
  .ytw-ch{display:flex;flex-direction:column;min-width:0;max-width:220px}
  .ytw-ch a{color:var(--yt-text);font-size:16px;font-weight:600;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .ytw-ch span,.ytw-ch b{color:var(--yt-sub);font-size:12px;font-weight:400}
  .ytw .ytw-sub{margin-left:12px;background:var(--yt-text);color:#0f0f0f;border:0;border-radius:18px;height:36px;padding:0 16px;font-size:14px;font-weight:600}
  .ytw .ytw-sub.on{background:var(--yt-chip);color:var(--yt-text)}
  .ytw .ytw-sub:hover{filter:brightness(.9)}
  .ytw-acts{display:flex;gap:8px;margin-left:auto}
  .ytw-pill{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 16px;border:0;border-radius:18px;background:var(--yt-chip);color:var(--yt-text);font-size:14px;font-weight:600;cursor:pointer}
  .ytw-pill:hover{background:var(--yt-chip-h)}
  .ytw-pill .ico{width:18px;height:18px}
  .ytw-desc{position:relative;margin-top:12px;padding:12px;border-radius:12px;background:var(--yt-chip);color:var(--yt-text);font-size:14px;line-height:1.5;cursor:pointer}
  .ytw-desc:hover{background:var(--yt-chip-h)}
  .ytw-desc b{display:block;font-weight:600}
  .ytw-desc p{margin:4px 0 0;white-space:pre-line;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .ytw-desc .ytw-tags{display:none;flex-wrap:wrap;gap:4px 10px;margin-top:8px}
  .ytw-tags a{color:#3ea6ff;text-decoration:none}
  .ytw-more{display:block;margin-top:4px;font-weight:600}
  .ytw-desc.open{cursor:auto}
  .ytw-desc.open:hover{background:var(--yt-chip)}
  .ytw-desc.open p{-webkit-line-clamp:unset;display:block}
  .ytw-desc.open .ytw-tags{display:flex}
  .ytw-desc.open .ytw-more{display:none}

  /* under the description: more dramas, 3 per row, always complete rows */
  .ytw-grid{margin-top:24px}
  .ytw-grid h3{margin:0 0 14px;font-size:18px;font-weight:700;color:var(--yt-text)}
  .ytw-grid .ytgrid-wide{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 16px}

  /* right column: up next */
  /* the list scrolls on its own (mouse wheel) and stays beside the player while the page scrolls */
  .ytw .side{position:sticky;top:calc(var(--ps-head,64px) + 12px);max-height:calc(100vh - var(--ps-head,64px) - 24px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#555 transparent}
  .ytw .side::-webkit-scrollbar{width:8px}
  .ytw .side::-webkit-scrollbar-thumb{background:#555;border-radius:4px}
  .ytw-next h3{position:sticky;top:-20px;z-index:2;margin:-20px -20px 12px!important;padding:20px 20px 10px;background:var(--ps-bg2)}
  .ytw-next h3{margin:0 0 12px;font-size:16px;font-weight:700;color:var(--yt-text)}
  .ytn{display:grid;grid-template-columns:168px minmax(0,1fr);gap:8px;padding:4px;margin:0 -4px 4px;border-radius:10px;color:inherit;text-decoration:none}
  .ytn:hover{background:rgba(255,255,255,.06)}
  .ytn.on{background:var(--yt-chip)}
  .ytn .ytc-th{border-radius:8px}
  .ytn-t{min-width:0;display:flex;flex-direction:column;gap:2px}
  .ytn-t h4{margin:0 0 2px;font-size:14px;line-height:1.4;font-weight:600;color:var(--yt-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .ytn-t span{font-size:12px;color:var(--yt-sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .ytn.on .ytn-t span:first-of-type{color:#3ea6ff;font-weight:600}
}
@media (min-width:961px) and (max-width:1200px){.ytw .watch{grid-template-columns:minmax(0,1fr) 340px}.ytn{grid-template-columns:140px minmax(0,1fr)}}