/* Native details keeps every language link available without JavaScript. */
.locale-picker { position: relative; flex: 0 0 auto; margin-inline-start: auto; font-size: 14px; }
.locale-picker summary { display: flex; align-items: center; gap: 8px; padding: 10px 8px; min-height: 44px; cursor: pointer; list-style: none; }
.locale-picker summary::-webkit-details-marker { display: none; }
.locale-picker summary img { flex: 0 0 auto; }
.locale-picker summary:focus-visible { outline: 3px solid #6c83ff; outline-offset: 2px; border-radius: 6px; }
.locale-options { position: absolute; inset-inline-end: 0; top: 100%; width: 220px; max-height: min(70vh, 450px); overflow-y: auto; display: grid; padding: 8px; border: 1px solid #ddd; border-radius: 12px; background: #fff; color: #202020; box-shadow: 0 8px 24px #0002; z-index: 50; }
.locale-options a { display: flex; align-items: center; min-height: 44px; padding: 8px 12px; text-decoration: none; border-radius: 6px; }
.locale-options a:hover, .locale-options a:focus-visible { background: #edf0ff; color: #2236b0; }
.locale-options a[aria-current="page"] { font-weight: 700; background: #edf0ff; color: #2236b0; }
.hub-header .locale-picker { color: inherit; }
.hub-header:not(.is-scrolled) .locale-picker summary img { filter: invert(1); }
.policy-language { font-size: 12px; opacity: .8; }
.footer-language-links { display: flex; flex-wrap: wrap; gap: 8px 16px; max-width: 560px; }
.footer-language-links a[aria-current="page"] { color: white; }
.localized-features { max-width: 72ch; padding-inline-start: 24px; font-size: 18px; }
.localized-features li { margin-bottom: 22px; }
.localized-help { width: min(760px, calc(100% - 40px)); margin: 0 auto 72px; }
.localized-support-list { padding: 0; list-style: none; max-width: 760px; }
.localized-support-list li { border-bottom: 1px solid #e5e5e5; }
.localized-support-list a { display: flex; align-items: center; gap: 20px; padding: 20px 0; text-decoration: none; font-size: 20px; }
.localized-support-list img { border-radius: 10px; }
:lang(ja), :lang(zh-Hans) { line-break: strict; }
.hub-page h1, .hub-page h2, .product-hero h1 { overflow-wrap: anywhere; text-wrap: balance; }
@media (max-width: 767px) {
  .hub-nav > .locale-picker { position: absolute; inset-inline-end: 12px; top: 6px; }
  .hub-nav > .locale-picker summary { max-width: 122px; font-size: 13px; }
  .hub-nav > .locale-picker summary span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .hub-nav > .locale-picker .locale-options { max-width: calc(100vw - 24px); }
  .site-header .locale-picker { margin-inline-start: 0; }
  .localized-features { font-size: 16px; }
}