.video-seo-block {
  margin: 2rem 0;
  color: #14110f;
}

.video-seo-figure {
  margin: 0;
}

.video-seo-ratio {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: #000;
}

.video-seo-ratio iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.video-seo-figure figcaption {
  display: grid;
  gap: .45rem;
  margin-top: .85rem;
  font-size: 1rem;
  line-height: 1.55;
}

.video-seo-figure figcaption strong {
  font-size: 1.2rem;
}

.video-seo-figure figcaption span,
.video-seo-transcript {
  color: #5f5750;
}

.video-seo-chapters {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
  margin-top: 1rem;
}

.video-seo-chapters a {
  border: 1px solid rgba(20,17,15,.18);
  border-radius: 999px;
  padding: .5rem .75rem;
  color: inherit;
  text-decoration: none;
}

.video-seo-chapters a:hover {
  border-color: currentColor;
}

.video-seo-transcript {
  margin-top: 1rem;
}

.video-seo-transcript summary {
  cursor: pointer;
  font-weight: 700;
}

.vseo-editor {
  display: grid;
  gap: 1rem;
  padding: 1rem;
  border: 1px solid #ddd;
  background: #fff;
}

.vseo-grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
}

.vseo-fetch {
  display: grid;
  gap: .75rem;
  padding: 1rem;
  border: 1px solid #e0e0e0;
  background: #f6f7f7;
}

.vseo-fetch p {
  margin: 0;
  color: #50575e;
}

.vseo-field {
  display: grid;
  gap: .35rem;
  font-weight: 600;
}

.vseo-field input,
.vseo-field textarea {
  width: 100%;
  border: 1px solid #ccd0d4;
  border-radius: 6px;
  padding: .65rem;
}