html:not([data-lang-ready]) #root { opacity: 0; }
html[data-lang-ready] #root { opacity: 1; transition: opacity .18s ease; }
.language-switch {
  position: fixed;
  top: 22px;
  right: 24px;
  z-index: 9999;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 999px;
  background: rgba(10, 10, 10, .72);
  color: #f5f5f5;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  font: 500 11px/1.2 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: .06em;
}
.language-switch span { width: 1px; height: 11px; background: currentColor; opacity: .22; }
.language-switch button {
  appearance: none;
  border: 0;
  padding: 2px 3px;
  background: transparent;
  color: inherit;
  opacity: .38;
  font: inherit;
  cursor: pointer;
}
.language-switch button:hover { opacity: .72; }
.language-switch button.is-active { opacity: 1; }
.language-switch button:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; border-radius: 4px; }
@media (max-width: 720px) {
  .language-switch { top: 12px; right: 12px; padding: 5px 8px; }
}

.gf-metric > .gf-metric-value,
.gf-metric > .gf-metric-label,
.gf-stat > .gf-stat-value,
.gf-stat > .gf-stat-label,
.gf-hero-title,
.gf-kicker,
.gf-section-title {
  min-width: 0;
  max-width: 100%;
}
[data-fit="wrap"] {
  white-space: normal !important;
  overflow-wrap: break-word;
}

/* Concept column was sized for two Chinese characters. */
.pl-case .gf-table.pl-guide-table th:nth-child(2),
.pl-case .gf-table.pl-guide-table td:nth-child(2) {
  width: 8rem;
}

/* Metric column: English values such as "Security: 41.12%". */
.pl-case .gf-table:not(.pl-guide-table) th:nth-child(2),
.pl-case .gf-table:not(.pl-guide-table) td:nth-child(2) {
  width: 18%;
}
.pl-case .gf-table:not(.pl-guide-table) th:last-child,
.pl-case .gf-table:not(.pl-guide-table) td:last-child {
  width: 54%;
}

/* Audience labels such as "Employees at multinational companies". */
.tm-case .gf-table th:first-child,
.tm-case .gf-table td:first-child {
  width: 28%;
}
.tm-case .gf-table th:nth-child(4),
.tm-case .gf-table td:nth-child(4) {
  width: 46%;
}