.article-main .toc a.toc-related-video{
  break-inside:avoid;
  margin:7px 0 8px;
  padding:9px 10px;
  border:1px solid #c9d9ea;
  border-left:3px solid var(--red);
  border-radius:7px;
  background:#f2f7fc;
  color:#20476f;
  font-weight:700;
}
.article-main .toc a.toc-related-video span{
  display:block;
  margin-bottom:3px;
  color:var(--red);
  font:800 .62rem/1.2 "Manrope",Arial,sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.article-main .toc a.toc-related-video:hover,
.article-main .toc a.toc-related-video:focus{
  border-color:#9dbbd9;
  background:#e8f2fc;
  color:var(--blue);
}
.related-video-heading{scroll-margin-top:108px}
.article-video-card{margin:20px 0 16px}
.article-video-card>a{
  display:block;
  position:relative;
  overflow:hidden;
  border:1px solid #c6d6e7;
  border-radius:12px;
  background:#06162c;
  box-shadow:0 12px 30px rgba(18,52,91,.13);
  cursor:pointer;
}
.article-video-card>a:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(180deg,rgba(4,15,31,.02) 45%,rgba(4,15,31,.72) 100%);
  transition:background .2s ease;
}
.article-video-card>a:hover:before,
.article-video-card>a:focus-visible:before{
  background:linear-gradient(180deg,rgba(4,15,31,.08) 35%,rgba(4,15,31,.8) 100%);
}
.article-video-card>a:focus-visible{
  outline:3px solid rgba(7,88,184,.32);
  outline-offset:4px;
}
.article-video-card img{display:block;width:100%;height:auto}
.article-video-card__play{
  position:absolute;
  left:50%;
  top:50%;
  z-index:2;
  display:flex;
  align-items:center;
  gap:10px;
  min-width:max-content;
  padding:10px 15px 10px 10px;
  border:1px solid rgba(255,255,255,.7);
  border-radius:999px;
  background:rgba(3,17,38,.88);
  color:#fff;
  font:800 .76rem/1 "Manrope",Arial,sans-serif;
  letter-spacing:.025em;
  transform:translate(-50%,-50%);
  box-shadow:0 8px 24px rgba(0,0,0,.32);
}
.article-video-card__icon{
  display:grid;
  width:32px;
  height:32px;
  place-items:center;
  padding-left:2px;
  border-radius:50%;
  background:var(--red);
  color:#fff;
  font-size:.84rem;
}
.article-video-card figcaption{
  margin-top:11px;
  color:#596579;
  font-size:.82rem;
  line-height:1.55;
}
.article-video-card figcaption strong{color:#314b69}
.article-video-notes{
  margin:0 0 30px;
  padding:13px 16px;
  border:1px solid #d8e3ee;
  border-radius:9px;
  background:#f5f8fc;
  color:#53647a;
  font-size:.83rem;
  line-height:1.55;
}
.article-video-notes strong{color:#24496f}
.article-video-lightbox-open{overflow:hidden}
.article-video-lightbox[hidden]{display:none}
.article-video-lightbox{
  position:fixed;
  inset:0;
  z-index:220;
  display:grid;
  place-items:center;
  padding:26px;
  background:rgba(3,10,22,.94);
  backdrop-filter:blur(8px);
}
.article-video-lightbox__panel{
  display:flex;
  max-width:96vw;
  max-height:94vh;
  flex-direction:column;
  align-items:center;
}
.article-video-lightbox video{
  display:block;
  width:min(1280px,94vw);
  max-height:82vh;
  aspect-ratio:16/9;
  border-radius:8px;
  background:#000;
  box-shadow:0 24px 80px rgba(0,0,0,.55);
}
.article-video-lightbox p{
  max-width:1100px;
  margin:11px 54px 0;
  color:#e6eef8;
  font-size:.86rem;
  line-height:1.45;
  text-align:center;
}
.article-video-lightbox__close{
  position:fixed;
  top:16px;
  right:22px;
  z-index:2;
  width:46px;
  height:46px;
  border:1px solid rgba(255,255,255,.4);
  border-radius:50%;
  background:rgba(0,0,0,.4);
  color:#fff;
  font:300 2rem/1 sans-serif;
  cursor:pointer;
}
.article-video-lightbox__close:hover,
.article-video-lightbox__close:focus-visible{
  background:#fff;
  color:#07101f;
  outline:none;
}
@media(max-width:600px){
  .article-main .toc a.toc-related-video{padding:9px 11px}
  .article-video-card{margin-top:17px}
  .article-video-card>a{border-radius:9px}
  .article-video-card__play{gap:7px;padding:8px 12px 8px 8px;font-size:.68rem}
  .article-video-card__icon{width:27px;height:27px;font-size:.72rem}
  .article-video-card figcaption{font-size:.78rem}
  .article-video-notes{margin-bottom:26px;padding:12px 14px}
  .article-video-lightbox{padding:12px}
  .article-video-lightbox video{width:100%;max-height:78vh}
  .article-video-lightbox p{margin:10px 44px 0;font-size:.76rem}
  .article-video-lightbox__close{top:9px;right:9px}
}