.video-page{padding-bottom:64px}.video-page .page-intro{padding-bottom:24px}.video-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:28px;align-items:start}.video-list{display:grid;gap:16px}.video-lesson{padding:24px;border:1px solid #dbe3f0;border-left:4px solid #163ee8;border-radius:16px;background:#fff}.video-lesson h2{font-size:1.3rem;margin:10px 0}.video-lesson p{margin:8px 0}.video-lesson .video-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.video-form{background:#f2f5ff;border-radius:18px;padding:24px;display:grid;gap:16px}.video-form h2{font-size:1.35rem;margin:0}.video-form .field{display:grid;gap:7px}.video-form input,.video-form select{min-width:0;width:100%;padding:10px;border:1px solid #bac8e3;border-radius:8px;background:white;font:inherit}.video-form fieldset{border:0;padding:0;display:grid;gap:8px}.video-person{display:flex;gap:10px;align-items:center}.video-person input{width:18px;height:18px;flex:0 0 auto}.video-privacy{padding:18px 22px;background:#edf3ff;border-radius:12px;margin:0 0 24px;line-height:1.6}.video-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}.video-room{margin-bottom:28px;background:#101d38;border-radius:16px;overflow:hidden;color:white}.video-room[hidden]{display:none}.video-room-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px}.video-room-bar p{margin:0;color:white}.video-frame{height:70vh;min-height:400px}.video-frame iframe{width:100%;height:100%;border:0}.video-error{color:#ae2343;min-height:1.5em}.video-meta{color:#566784;font-size:.95rem}.video-form .help-text{line-height:1.6}.video-actions .btn:disabled{opacity:.6;cursor:not-allowed}.video-form .btn{white-space:normal}@media(max-width:850px){.video-layout{grid-template-columns:1fr}.video-form{order:-1}.video-frame{height:65vh;min-height:340px}.video-room-bar{flex-wrap:wrap}.video-toolbar{flex-wrap:wrap}}
@media(max-width:1200px){.header-inner{height:auto;min-height:96px;flex-wrap:wrap;gap:12px;padding-top:12px}.header-right{margin-left:auto}.site-header .nav{order:3;flex:0 0 100%;margin-left:0;padding:0 0 14px;gap:22px;justify-content:flex-start;overflow-x:auto}.site-header .nav a{font-size:.9rem}}
