.video-page-heading{margin:12px 0 24px}.video-page-heading h1{max-width:1120px;margin:8px 0 0;font-size:clamp(25px,2.6vw,37px);line-height:1.23;color:#26374a}.video-page-heading p{color:#66778c}
.video-page-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:24px;align-items:start}.video-page-main,.video-page-aside{min-width:0}.video-page-aside{display:grid;gap:20px}
.video-page-player{position:relative;aspect-ratio:16/9;overflow:hidden;background:#142134;border:1px solid #dce4ee;border-radius:14px;box-shadow:0 8px 30px #182b4610}.video-page-player video{display:block;width:100%;height:100%;object-fit:contain;background:#142134}
.video-page-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:100px;height:100px;padding:0;border:1px solid #ffffff99;border-radius:50%;background:#ffffff35;backdrop-filter:blur(5px);color:#fff;cursor:pointer;box-shadow:0 5px 30px #0003;transition:background .15s,box-shadow .15s}.video-page-play svg{width:52px;height:52px;margin:0}.video-page-play:hover{background:#ffffff55;box-shadow:0 5px 36px #0005}.video-page-play:focus-visible{outline:3px solid #fff;outline-offset:5px}.video-page-play[hidden],.video-page-error[hidden]{display:none}.video-page-error{padding:12px 16px;background:#fff1f0;color:#9e3434;border-radius:9px}
.video-page-description{margin-top:22px;padding:25px 28px}.video-page-description h2{font-size:21px;margin:0 0 17px}.video-page-text{font-size:15px;line-height:1.7;color:#35465b;overflow-wrap:anywhere}.video-page-text p:first-child{margin-top:0}.video-page-text a{color:#2165bd}.video-page-text ul,.video-page-text ol{padding-left:22px}
.video-page-meta{display:flex;gap:40px;flex-wrap:wrap;margin:24px 0 0;padding-top:20px;border-top:1px solid #e2e8f0}.video-page-meta div{display:grid;gap:5px}.video-page-meta dt{font-size:12px;color:#708096}.video-page-meta dd{margin:0;color:#334155;font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}
.video-page-models,.video-page-materials{padding:21px}.video-page-block-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.video-page-block-title h2{margin:0;font-size:21px}.video-page-block-title>span{display:grid;place-items:center;min-width:27px;height:25px;padding:0 6px;border-radius:6px;background:#edf3fb;color:#3868a5;font-size:12px}
.video-page-model+.video-page-model{border-top:1px solid #dce4ee;margin-top:22px;padding-top:22px}.video-page-model h3{margin:0 0 14px;font-size:16px;line-height:1.45;overflow-wrap:anywhere}.video-page-article{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:11px 12px;margin-bottom:10px;background:#f3f6fa;border-radius:8px;font-size:13px}.video-page-article>span{color:#6a7a8e}.video-page-article strong{color:#29476c}
.video-page-specs{margin:0 0 18px}.video-page-specs>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(60px,.72fr);gap:12px;padding:10px 0;border-bottom:1px solid #edf1f6;font-size:12px;line-height:1.5}.video-page-specs dt{color:#68778a}.video-page-specs dd{margin:0;text-align:right;color:#26374a;font-weight:600;overflow-wrap:anywhere}.video-page-specs dd span{font-weight:400;color:#7b8797}.video-page-model-link{display:flex;justify-content:center;width:100%;font-size:13px;padding:11px 12px;border-radius:8px}
.video-page-materials ul{list-style:none;margin:0;padding:0}.video-page-materials li+li{border-top:1px solid #e5ebf2}.video-page-materials li a{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:13px 0;color:#2865af;font-size:14px;font-weight:500;text-decoration:none}.video-page-materials li a:hover{color:#144e98}.video-page-materials .icon{width:17px;height:17px;flex-shrink:0}.video-page-empty{color:#77869a;font-size:14px;line-height:1.6}
.video-material-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.video-material-card{padding:0;overflow:hidden}.video-material-cover{position:relative;display:block;aspect-ratio:16/9;background:#15263b}.video-material-cover img{width:100%;height:100%;object-fit:contain}.video-material-cover>span{position:absolute;inset:0;display:grid;place-items:center;color:#fff}.video-material-cover .icon{width:50px;height:50px;padding:13px;border:1px solid #fff8;border-radius:50%;background:#ffffff33}.video-material-card>div{padding:18px}.video-material-card h2{margin:0 0 14px;font-size:16px;line-height:1.45}.video-material-card h2 a{color:#26374a;text-decoration:none}.video-material-card time{font-size:12px;color:#78869a}.video-material-more{display:flex;justify-content:center;margin:30px 0}
@media(max-width:1100px){.video-page-layout{grid-template-columns:minmax(0,1fr) 320px;gap:18px}.video-page-models,.video-page-materials{padding:18px}}
@media(max-width:850px){.video-page-layout{grid-template-columns:1fr}.video-page-aside{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.video-material-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.video-page-heading{margin:8px 0 20px}.video-page-heading h1{font-size:25px}.video-page-aside{grid-template-columns:1fr}.video-page-play{width:76px;height:76px}.video-page-play svg{width:40px;height:40px}.video-page-description{padding:20px;margin-top:16px}.video-page-meta{gap:26px}.video-material-grid{grid-template-columns:1fr}}
.video-page-text :is(p,li,blockquote,h3,h4){white-space:pre-wrap}