:root {
  --site-font-family: "Microsoft YaHei", "微软雅黑", sans-serif;
  --font-latin: var(--site-font-family);
  --font-cjk: var(--site-font-family);
  --font: var(--site-font-family);
  --site-hero-title-family: var(--site-font-family);
}

html,
body,
body * {
  font-family: var(--site-font-family) !important;
}

/* Icon ligatures must keep their dedicated fonts or they render as words. */
.material-symbols-rounded {
  font-family: "Material Symbols Rounded" !important;
}

:is(
  .symbol,
  .symbol > span,
  .slider-control-button > span,
  .dropdown-icon,
  .play-icon,
  .link-icon,
  .link-arrow,
  .google-symbols,
  .material-symbols,
  [data-icon],
  .feature-icon,
  .icon-card .icon,
  .icon-card .title span,
  .video-control-button
) {
  font-family: "Google Symbols" !important;
}

:where(
  p,
  li,
  dd,
  blockquote,
  figcaption,
  .product-storyflow-copy h3
) {
  text-wrap: pretty !important;
  word-break: normal;
  overflow-wrap: break-word;
}

.no-break-phrase {
  white-space: nowrap;
}