.feature-cover { margin: 0 0 36px; }
.feature-cover img { display: block; width: 100%; height: auto; border: 1px solid var(--line); }
.feature-cover figcaption, .walkthrough-caption { margin-top: 12px; color: var(--muted); font-size: 12px; line-height: 1.7; }
.feature-walkthrough { margin-block: 32px; padding: 24px; border: 1px solid var(--line); background: var(--surface); }
.walkthrough-layout { display: grid; grid-template-columns: minmax(0, 240px) minmax(0, 1fr); gap: 28px; align-items: center; }
.feature-walkthrough video { display: block; width: 100%; height: auto; aspect-ratio: 720 / 1566; background: #fff; border: 2px solid var(--ink); border-radius: 18px; }
.feature-walkthrough h3 { margin-top: 0; }
.feature-walkthrough p { font-size: 14px; }
.feature-walkthrough .walkthrough-caption { font-size: 12px; margin-bottom: 0; }
@media (max-width: 600px) {
  .feature-walkthrough { padding: 18px; }
  .walkthrough-layout { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .feature-walkthrough video { max-width: 280px; margin-inline: auto; }
}