/* Responsive 16:9 wrapper for embedded iframes (youtube/bilibili/ppt). */
.video-wrapper {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin: 1rem 0;
}

.video-wrapper iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.2rem;
}

/* Hugo-era post cover image, rendered as a lead/header image. */
.post-cover {
  width: 100%;
  max-height: 22rem;
  object-fit: cover;
  border-radius: 0.3rem;
  margin-bottom: 1rem;
}

.douban-card {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 0.2rem;
}