.blog-gem img { object-fit: contain; padding: 24px; }
.hero-media.blog-gem img { object-position: right center; padding-left: 48%; }
@media (max-width: 700px) {
  .hero-media.blog-gem img { object-position: center top; padding: 16px 24px 220px; }
}
.blog-post .page-hero h1 { max-width: 26ch; }
.blog-post .page-hero-inner { padding-top: 64px; }
.blog-post .main-col { min-width: 0; }
.blog-post .pills a, .blog-reading .pills a { white-space: normal; }
.blog-post .byline { margin-bottom: 28px; }
.blog-post .block { scroll-margin-top: 96px; }
.blog-post .toc a { overflow-wrap: anywhere; }