/* Clearer type for the seven feature chapters and authentic item artwork. */
.hero h1 span {
  font-family: 'Microsoft YaHei', 'PingFang SC', sans-serif;
  font-weight: 900;
  font-size: 31px;
  line-height: 1.4;
  color: #f0c982;
  background: none;
  filter: none;
  text-shadow: 0 2px 3px #120907, 0 0 18px #b36a2d55;
}
.features > .section-heading h2 {
  font-family: 'Microsoft YaHei', 'PingFang SC', sans-serif;
  font-size: 34px;
  font-weight: 900;
  line-height: 1.25;
  color: #f5d390;
  background: none;
  filter: none;
  text-shadow: 0 2px 3px #120907, 0 0 20px #b975342e;
  padding-bottom: 14px;
  border-bottom: 1px solid #b7834a66;
  display: inline-block;
}
.feature .category,
.feature h3,
.sync-panel .category,
.sync-panel h3 {
  font-family: 'Microsoft YaHei', 'PingFang SC', sans-serif;
  font-style: normal;
  line-height: 1.35;
  font-weight: 800;
  color: #f1d6a0;
  background: none;
  filter: none;
  text-shadow: 0 2px 3px #100807;
}
.feature .category,
.sync-panel .category {
  font-size: 27px;
  padding-left: 12px;
  border-left: 3px solid #d5a657;
  margin-bottom: 12px;
}
.feature h3,
.sync-panel h3 { font-size: 21px; color: #d9c6aa; font-weight: 600; }
.feature h3 em,
.sync-panel h3 em { color: #f0bd74; font-weight: 800; }
.feature .index { font-family: 'Microsoft YaHei', sans-serif; font-size: 21px; }
.feature figure.explainer-shot {
  margin: 0 10px 18px;
  border-color: #c89950;
  box-shadow: 0 4px 18px #0008, inset 0 0 0 3px #3a2618;
}
.explainer-shot figcaption { display: flex; justify-content: space-between; gap: 8px; }
.explainer-shot figcaption span { color: #e6be79; white-space: nowrap; }
img.item-art[src$='.webp'] {
  border: 1px solid #c39858;
  border-radius: 2px;
  box-shadow: 0 4px 12px #0009, 0 0 0 2px #7d572b55;
  background: #2a1b14;
}
.bundle-grid img.item-art[src$='.webp'] { max-width: 68px; margin: 0 auto 8px; }
@media (max-width: 350px) {
  .hero h1 span { font-size: 27px; }
  .features > .section-heading h2 { font-size: 30px; }
  .feature .category, .sync-panel .category { font-size: 24px; }
  .feature h3, .sync-panel h3 { font-size: 19px; }
}