html[data-blog-edition] body { display: block !important; }
body > div { box-sizing: border-box; margin-inline: auto; }
body > div img { max-width: 100%; height: auto; }
.blog-languages {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 6px;
  width: min(1180px, 92vw);
  margin: 22px auto 0;
  font: 500 13px/1.5 Inter, system-ui, sans-serif;
}
.blog-languages a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 9px 17px;
  border: 1px solid #333842;
  border-radius: 999px;
  color: #bec6d2;
  background: #0c0e13;
  text-decoration: none;
}
.blog-languages a[aria-current="page"] {
  color: #fff;
  background: #153247;
  border-color: #54c5ff;
}
.blog-languages a:hover { color: #fff; border-color: #54c5ff; }
.blog-languages a:focus-visible { outline: 2px solid #8edaff; outline-offset: 4px; }
html[lang="zh-Hans"] body { font-family: Inter, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif; }
html[lang="zh-Hans"] :is(h1, h2, h3, h4) { letter-spacing: 0; line-height: 1.25; }
html[lang="zh-Hans"] :is(.eyebrow, .date) { letter-spacing: .04em; }
html[lang="zh-Hans"] :is(article, .content) { line-height: 1.9; }
body :is(article, .content, .post-copy, .featured-copy) { overflow-wrap: anywhere; min-width: 0; }
body pre { max-width: 100%; overflow-x: auto; }
@media (max-width: 560px) {
  .blog-languages { justify-content: flex-start; }
  html[lang="zh-Hans"] .post h2 { font-size: 18px; }
}