.library-single {
  overflow: hidden;
}

.library-single .single-reading-width {
  max-width: 820px;
}

.library-single .single-title-block {
  margin-bottom: 42px;
}

.library-single .single-title-block h1 {
  margin: 14px 0 18px;
}

.library-single-byline {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 18px;
  color: var(--graphite);
  font-size: 14px;
  font-weight: 600;
}

.library-single-byline > * + *::before {
  display: inline-block;
  width: 4px;
  aspect-ratio: 1;
  margin-right: 18px;
  border-radius: 50%;
  background: #b7aabf;
  content: "";
  vertical-align: middle;
}

.library-featured-image {
  margin: 0 0 48px;
}

.library-featured-image img {
  display: block;
  width: 100%;
  max-height: 520px;
  aspect-ratio: 16 / 9;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: #eee6f7;
  object-fit: cover;
}

.library-featured-image figcaption {
  margin-top: 12px;
  color: var(--graphite);
  font-size: 13px;
  line-height: 1.6;
}

@media (max-width: 720px) {
  .library-single .single-title-block {
    margin-bottom: 32px;
  }

  .library-single-byline {
    align-items: flex-start;
    flex-direction: column;
    gap: 7px;
  }

  .library-single-byline > * + *::before {
    display: none;
  }

  .library-featured-image {
    margin-bottom: 38px;
  }

  .library-featured-image img {
    max-height: 360px;
  }
}