/* Видео: гайд на странице бравлера (bs-yt) и рекомендованные ролики в сайдбаре новостей (bs-side). */
.bs-yt{position:relative;aspect-ratio:16/9;border-radius:1rem;overflow:hidden;background:oklch(12.5% .045 285)}
.bs-yt__link{position:absolute;inset:0;display:block}
.bs-yt__thumb{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.22,1,.36,1)}
.bs-yt__link:hover .bs-yt__thumb{transform:scale(1.04)}
.bs-yt__play{position:absolute;left:50%;top:50%;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:9999px;display:flex;align-items:center;justify-content:center;background:var(--accent-pink);color:#fff;box-shadow:0 0 0 10px oklch(72% .27 350/.25),0 12px 30px -6px oklch(5% .04 285/.8);transition:transform .25s}
.bs-yt__play svg{width:34px;height:34px;margin-left:4px}
.bs-yt__link:hover .bs-yt__play{transform:scale(1.08)}
.bs-yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.bs-yt__note{margin-top:.75rem;font-family:var(--font-body);font-weight:600;font-size:.875rem;line-height:1.6;color:var(--on-surface-variant)}

.bs-layout{max-width:1240px;margin:0 auto;padding:0 1rem}
.bs-layout>article{width:100%;max-width:860px;margin:0 auto}
.bs-side{margin-top:2.5rem}
@media (min-width:768px){.bs-layout{padding:0 1.5rem}}
@media (min-width:1024px){
  .bs-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:2.5rem;align-items:start;padding:0 2rem}
  .bs-layout>article{margin:0}
  .bs-side{margin-top:0;position:sticky;top:100px}
}
.bs-vid-list{display:grid;gap:.75rem}
.bs-vid-list:empty{display:none}
.bs-vid-card{display:flex;gap:.75rem;align-items:flex-start;border-radius:.75rem;padding:.5rem;background:oklch(100% 0 0/.04);border:1px solid oklch(100% 0 0/.08);text-decoration:none;color:inherit;transition:background-color .25s,border-color .25s,transform .25s}
.bs-vid-card:hover{background:oklch(100% 0 0/.08);border-color:oklch(86% .19 88/.35);transform:translateY(-2px)}
.bs-vid-card__thumb{position:relative;flex:0 0 112px;aspect-ratio:16/9;border-radius:.5rem;overflow:hidden;background:oklch(12.5% .045 285)}
.bs-vid-card__thumb img{width:100%;height:100%;object-fit:cover;display:block}
.bs-vid-card__dur{position:absolute;right:4px;bottom:4px;font-family:var(--font-body);font-weight:700;font-size:10px;line-height:1;padding:3px 5px;border-radius:4px;background:oklch(0% 0 0/.75);color:#fff}
.bs-vid-card__play{position:absolute;left:50%;top:50%;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:9999px;background:var(--accent-pink);color:#fff;display:flex;align-items:center;justify-content:center}
.bs-vid-card__play svg{width:12px;height:12px;margin-left:1px}
.bs-vid-card__body{min-width:0}
.bs-vid-card__title{font-family:var(--font-body);font-weight:700;font-size:13px;line-height:1.3;color:var(--on-surface);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.bs-vid-card__meta{margin-top:4px;font-family:var(--font-body);font-weight:700;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--on-surface-variant)}
.bs-vid-more{display:inline-flex;align-items:center;gap:.4rem;margin-top:1rem;font-family:var(--font-body);font-weight:700;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--secondary-container);text-decoration:none;transition:color .2s}
.bs-vid-more:hover{color:#fff}
@media (prefers-reduced-motion:reduce){.bs-yt__thumb,.bs-yt__play,.bs-vid-card,.bs-vid-more{transition:none}}