.overview-entry{margin:14px 0 0;font-size:.86rem;line-height:1.5}.overview-link{display:inline-flex;align-items:center;gap:8px;color:var(--vs-text);text-decoration:none;padding:6px 0}.overview-link:hover{color:var(--vs-primary)}.overview-link svg{flex-shrink:0}.overview-link:focus-visible,.overview-poster:focus-visible{outline:2px solid var(--vs-primary);outline-offset:5px;border-radius:6px}
.overview-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);align-items:center;gap:12px clamp(24px,4vw,64px);padding:var(--page-intro-top) 0 40px}.overview-hero .page-intro{padding:0;margin:0}.overview-hero .page-intro h1 span{color:var(--vs-primary)}.overview-hero .actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.overview-film{margin:0;min-width:0}.overview-surface{aspect-ratio:16/9;min-height:200px;overflow:hidden;border-radius:14px}.overview-poster{display:block;position:relative;height:100%;box-sizing:border-box;overflow:hidden;border:1px solid var(--vs-line2);border-radius:14px;text-decoration:none;color:var(--vs-heading);background:var(--vs-panel)}.overview-poster img{display:block;width:100%;height:100%;object-fit:cover}.overview-poster-bar{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000d);color:#fff;display:flex;align-items:center;gap:12px;padding:16px 20px}.overview-poster-bar>span:last-child{margin-left:auto;color:#fff;font-size:.85rem;font-variant-numeric:tabular-nums}.overview-play{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border-radius:50%;background:var(--vs-primary);color:var(--vs-on-primary);font-size:14px}.overview-poster:hover .overview-play{filter:brightness(1.15)}.overview-film figcaption{margin-top:12px;color:var(--vs-muted);font-size:.8rem;line-height:1.7}.overview-paths h3{font-size:1.3rem;color:var(--vs-heading);margin:16px 0 10px}.overview-next{margin:28px 0 48px}.overview-next .actions{display:flex;flex-wrap:wrap;gap:10px}
.overview-dialog{width:min(960px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--vs-line2);border-radius:16px;background:var(--vs-panel);color:var(--vs-text);box-shadow:0 24px 100px #0008;overflow:auto}.overview-dialog::backdrop{background:rgba(8,6,18,.78)}.overview-dialog-head,.overview-dialog-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px}.overview-dialog-head h2{font-size:1rem;line-height:1.5;margin:0;color:var(--vs-heading)}.overview-player{width:100%;aspect-ratio:16/9;min-height:200px;background:#000}.overview-player iframe{display:block;width:100%;height:100%;min-height:200px;border:0}.overview-dialog-foot{justify-content:flex-end;font-size:.8rem;line-height:1.6;flex-wrap:wrap}.overview-dialog-foot a{color:var(--vs-accent)}html.overview-open{overflow:hidden}
@media(max-width:800px){.overview-hero{grid-template-columns:1fr;padding:28px 0 36px}.overview-hero .page-intro{max-width:620px}.overview-hero h1 br{display:none}.overview-hero h1 span::before{content:' '}.overview-dialog-head,.overview-dialog-foot{padding:12px 14px}.overview-poster-bar{padding:12px 16px}}
.overview-hero>.page-intro:only-child{grid-column:1/-1;max-width:760px}

.overview-tutorial{margin-top:28px;border-top:1px solid var(--vs-line2)}.overview-tutorial h2{font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.2;color:var(--vs-heading);margin:12px 0 18px}.overview-tutorial .page-intro p+p{font-size:.88rem}.overview-film figcaption a{white-space:nowrap}

@media(min-width:801px){.overview-hero>.page-intro{grid-column:1;grid-row:1}.overview-hero>.overview-film{display:contents}.overview-hero .overview-surface{grid-column:2;grid-row:1}.overview-hero figcaption{grid-column:2;grid-row:2;margin:0}}