.video-navigation{width:100%;height:100%;min-width:0;min-height:0;display:grid;grid-template-columns:minmax(58px,7vw) minmax(0,1fr) minmax(58px,7vw);align-items:center;gap:10px}
.video-viewport{width:100%;height:100%;min-width:0;min-height:0;display:grid;place-items:center;container-type:size}
.video-nav-button{align-self:stretch;display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;padding:8px;background:transparent!important;border-color:transparent!important;color:var(--muted);border-radius:12px}
.video-nav-button:hover:not(:disabled){background:color-mix(in srgb,var(--soft,#26352e) 78%,transparent)!important;border-color:var(--line)!important;color:var(--text,#fff)}
.video-nav-button .video-nav-arrow{display:inline-block;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:400;line-height:1;transform:scaleY(1.35)}
.video-nav-button:disabled{opacity:.22}
.video-card-row{display:flex;align-items:center;min-width:0;position:relative}
.video-card-row>.video-list-card,.video-card-row>.student-submission-select{flex:1;min-width:0;width:0}
.video-actions{position:relative;flex:none;align-self:center}
.video-actions>summary{display:grid;place-items:center;list-style:none;cursor:pointer;border-radius:6px;width:26px;min-height:36px;font-size:1.35rem;color:var(--muted)}
.video-actions>summary::-webkit-details-marker{display:none}
.video-actions>summary:hover,.video-actions[open]>summary{background:var(--soft,#26352e);color:var(--text,#fff)}
.video-actions-menu{position:absolute;right:0;top:100%;z-index:30;min-width:110px;background:var(--bg,#18221d);box-shadow:0 4px 16px #0006}
.video-actions-menu>button{display:block;width:100%;text-align:left;color:var(--text,#fff)}
.video-actions>summary:focus-visible{outline:2px solid var(--warm,#b9d0a8);outline-offset:2px}
.video-archive-heading{font-size:.8rem;color:var(--muted);padding:10px 6px 4px}
.video-archive-expiry{display:block;font-size:.65rem;color:var(--muted)}
@media(max-width:760px){.video-navigation{grid-template-columns:48px minmax(0,1fr) 48px;gap:4px}.video-nav-button{padding:2px;flex-direction:column;gap:2px}.video-nav-button .video-nav-arrow{font-size:1.75rem}}