.videos-page .article-layout { grid-template-columns:minmax(0,1fr) 160px; }
.videos-page .article-layout>main { max-width:1100px; }
.video-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; margin-top:24px; }
.watch-card { border:1px solid var(--border); border-radius:12px; overflow:hidden; background:var(--panel); scroll-margin-top:90px; display:flex; flex-direction:column; min-width:0; }
.watch-player { aspect-ratio:16/9; background:#101319; }
.watch-player iframe { display:block; width:100%; height:100%; border:0; }
.watch-info { padding:20px; display:flex; flex-direction:column; flex:1; }
.videos-page .watch-info h3 { font-size:.95rem; line-height:1.6; margin:9px 0; overflow-wrap:anywhere; }
.videos-page .watch-info p { color:var(--muted); font-size:.76rem; margin:0 0 18px; }
.watch-tag { color:var(--accent); font-size:.65rem; line-height:1.6; }
.watch-info>a { display:flex; justify-content:space-between; border-top:1px solid var(--border); padding-top:14px; margin-top:auto; color:var(--accent); font-size:.74rem; }
.video-count { color:var(--muted); font-weight:400; font-size:.7rem; margin-left:10px; white-space:nowrap; }
.video-controls { display:flex; flex-wrap:wrap; gap:14px; align-items:end; padding:22px; border:1px solid var(--border); border-radius:10px; background:var(--panel); margin:28px 0 12px; }
.video-controls label { display:flex; flex-direction:column; gap:8px; font-size:.74rem; color:var(--muted); }
.video-controls label:first-child { flex:1; min-width:160px; }
.video-controls input,.video-controls select,.video-controls button { min-height:42px; border:1px solid var(--border); border-radius:7px; background:var(--bg); color:var(--text); padding:9px 12px; font:inherit; }
.video-controls input { width:100%; }
.video-controls button { cursor:pointer; font-size:.76rem; }
#video-results-count { width:100%; color:var(--muted); font-size:.72rem; margin:0; }
#video-empty,.videos-soon { padding:24px; border:1px dashed var(--border); border-radius:10px; color:var(--muted); }
.videos-page [hidden] { display:none!important; }
.videos-page .wiki-sidebar nav a span,.videos-page .wiki-toc a span { color:var(--muted); font-size:.65rem; float:right; }
.videos-page .wiki-note p { margin:8px 0 0; }
@media(max-width:1200px) { .videos-page .article-layout { grid-template-columns:minmax(0,1fr); } .videos-page .wiki-toc { display:none; } }
@media(max-width:680px) { .video-grid { grid-template-columns:1fr; } .video-controls { padding:16px; } .video-controls label:first-child { flex-basis:100%; } .video-controls label:nth-child(2) { flex:1; } }