/* First-party tutorial evidence. It intentionally starts after the first
   explanatory section: the hero stays a short reading entry point. */
.kb-case-media{margin:42px 0 8px;padding-top:34px;border-top:1px solid var(--line)}
.kb-case-media h2{margin-top:0}
.kb-case-cover{margin:0;max-width:100%}
.kb-case-cover img,.kb-case-video video{display:block;width:100%;border:1px solid var(--line-2);border-radius:14px;background:#000}
.kb-case-cover img{height:auto;aspect-ratio:16/9;object-fit:cover}
.kb-case-cover figcaption{margin:10px 2px 0;color:var(--tx-mut);font-size:.84rem;line-height:1.5}
.kb-case-steps{margin-top:30px}
.kb-case-steps h3{margin:0 0 14px;font-size:1.08rem}
.kb-case-video-row{display:grid;grid-template-columns:240px minmax(0,1fr);gap:24px;align-items:start;
  margin-top:28px;padding-top:28px;border-top:1px solid var(--line)}
.kb-case-video{margin:0;width:240px}
.kb-case-video video{aspect-ratio:9/16;object-fit:contain}
.kb-case-video-copy{padding-top:2px;max-width:46ch}
.kb-case-video-copy h3{margin:0 0 8px;font-size:1.08rem}
.kb-case-video-copy p{margin:0;color:var(--tx-dim);line-height:1.65}
@media(max-width:720px){
  .kb-case-media{margin-top:34px;padding-top:28px}
  .kb-case-video-row{grid-template-columns:1fr;gap:16px}
  .kb-case-video{width:min(100%,280px);justify-self:center}
  .kb-case-video-copy{max-width:none}
}