.article-video-section {
  padding-block: clamp(42px, 6vw, 72px);
  background: var(--soft, #f1efe9);
  border-block: 1px solid var(--line, #dedad1);
}
.article-video-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 330px);
  gap: clamp(32px, 6vw, 80px);
  align-items: center;
  max-width: 1000px;
}
.article-video-copy h2 {
  font-size: clamp(2rem, 3.5vw, 3rem);
  line-height: 1.12;
  margin-bottom: 22px;
}
.article-video-copy p { max-width: 520px; }
.article-video-copy .article-video-meta {
  margin: 22px 0 0;
  font-size: .88rem;
  color: var(--muted, #566070);
}
.article-video-card {
  width: min(100%, 330px);
  justify-self: center;
  overflow: hidden;
  border: 7px solid #fff;
  border-radius: 30px;
  background: #0b1736;
  box-shadow: 0 28px 60px rgba(8, 22, 48, .2), 0 0 0 1px rgba(154, 117, 52, .11);
}
.article-video-card iframe {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 9 / 16;
  border: 0;
}
.ai-mistakes-page .article-video-section { margin-bottom: 70px; }
@media (max-width: 760px) {
  .article-video-grid { grid-template-columns: minmax(0, 1fr); gap: 30px; }
  .article-video-card { width: min(100%, 300px); }
  .ai-mistakes-page .article-video-section { margin-bottom: 45px; }
}
