/* Keep the editorial design while allowing complete local phrases to breathe. */
html[data-localized-blog] body {
  font-family: "Britti Sans", "Segoe UI", Arial, sans-serif;
}
html[data-localized-blog]:lang(vi) body { font-family: Arial, "Segoe UI", Tahoma, sans-serif; }
html[data-localized-blog]:lang(ja) body { font-family: "Hiragino Sans", "Noto Sans JP", "Yu Gothic", Meiryo, sans-serif; }
html[data-localized-blog]:lang(ko) body { font-family: "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif; }
html[data-localized-blog]:lang(ko) :is(h1,h2,h3,h4,p,li,dd) { word-break: keep-all; }
html[data-localized-blog]:is(:lang(ja),:lang(zh-Hant)) body { line-break: strict; }
html[data-localized-blog]:is(:lang(ja),:lang(ko),:lang(zh-Hant)) .article_intro { line-height: 1.65; }
html[data-localized-blog]:lang(zh-Hant) body { font-family: "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", sans-serif; }
html[data-localized-blog]:lang(th) body { font-family: "Noto Sans Thai", "Leelawadee UI", Tahoma, sans-serif; }
html[data-localized-blog]:lang(ar) body { font-family: "Noto Sans Arabic", "Geeza Pro", "Segoe UI", Tahoma, sans-serif; }
html[data-localized-blog]:lang(he) body { font-family: "Noto Sans Hebrew", "Arial Hebrew", "Segoe UI", Tahoma, sans-serif; }
html[data-localized-blog]:lang(hi) body { font-family: "Noto Sans Devanagari", "Nirmala UI", Mangal, sans-serif; }
html[data-localized-blog]:is(:lang(ru),:lang(uk),:lang(bg),:lang(el)) body { font-family: "Segoe UI", Arial, "Noto Sans", sans-serif; }

html[data-localized-blog] :is(h1,h2,h3,h4,h5,h6,[class*="heading-style-"]) {
  text-wrap: balance;
  overflow-wrap: break-word;
}
html[data-localized-blog]:is(:lang(vi),:lang(ja),:lang(ko),:lang(zh-Hant),:lang(th),:lang(ar),:lang(he),:lang(hi)) :is(h1,h2,h3,h4,h5,h6,[class*="heading-style-"]) {
  line-height: 1.25;
  letter-spacing: normal;
}
html[data-localized-blog] :is(.article_content,.article_intro,.article_hero-wrap,.blog_hero-wrap,.blog_hero-content,.blog_item,.blog_card,.bv-chart,.bv-showcase-scene,.bv-callout,.bv-feature-art) { min-width: 0; }
html[data-localized-blog] .blog_hero-content > h1 { max-width: min(118rem,100%); hyphens: auto; }
html[data-localized-blog] :is(.article_content,.bv-benchmark-content) {
  overflow-wrap: break-word;
}
html[data-localized-blog] .article_content :is(p,li,dd) { line-height: 1.65; }
html[data-localized-blog] .article_content :is(code,pre,kbd,samp) { direction: ltr; unicode-bidi: isolate; }
html[data-localized-blog] .article_content pre { overflow: auto; max-width: 100%; }
html[data-localized-blog] .article_content :is(ul,ol) { padding-inline-start: 2.4rem; padding-inline-end: 0; }
html[data-localized-blog] .article_content blockquote { border-inline-start: 3px solid #b8abd0; border-inline-end: 0; padding-inline: 2rem 0; }
html[data-localized-blog] :is(.compare-table_wrap,.bv-data-wrap) { max-width: 100%; overflow-x: auto; }
html[data-localized-blog] .nav_menu { column-gap: clamp(.6rem,1.8vw,2rem); }
html[data-localized-blog] .nav_link { white-space: normal; text-align: center; }
html[data-localized-blog] .button {
  font-family: inherit;
  height: auto;
  min-height: max(4rem,44px);
  min-width: 0;
  max-width: 100%;
  flex-shrink: 0;
  padding-block: 1rem;
  line-height: 1.4;
  white-space: normal;
  overflow-wrap: anywhere;
  text-align: center;
}
html[data-localized-blog] .button.is-large { min-height: 5.4rem; }
html[data-localized-blog] .button > :is(div,span) { min-width: 0; }
html[data-localized-blog] :is(.bv-jump a,.bv-filter button,.bv-showcase-choices button) { height: auto; white-space: normal; line-height: 1.4; text-align: center; }
html[data-localized-blog] .form-input_wrap { gap: .8rem; }
html[data-localized-blog] .form-input.is-footer { flex: 1 1 auto; min-width: 0; padding-inline: 1.6rem; }
html[data-localized-blog] .button.is-form { position: static; inset: auto; flex: 0 0 auto; }
html[data-localized-blog] .button.is-form:disabled > span { display: none; }
html[data-localized-blog] .button.is-form:disabled::after { content: attr(data-wait); min-width: 0; }
html[data-localized-blog] .footer_item-inner > .text-size-regular { max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
html[data-localized-blog] .footer_social-list { flex-wrap: wrap; }
html[data-localized-blog][dir="rtl"] .bv-details > summary { padding-inline: 0 3rem; }
html[data-localized-blog][dir="rtl"] .bv-details > summary::after { left: 0; right: auto; }
html[data-localized-blog][dir="rtl"] :is(.bv-chart-axis,.bv-bar-track,.bv-mini-track,.bv-photo-pair,.bv-photo-overlays) { direction: ltr; }
html[data-localized-blog][dir="rtl"] .bv-photo-pair > figure { direction: rtl; }
html[data-localized-blog] :is([data-score],.bv-delta-value,.bv-bar-label strong,.bv-photo-score strong) { direction: ltr; unicode-bidi: isolate; }

/* A native disclosure keeps the same article available without JavaScript. */
/* The complete picker supersedes the older comparison-only language list. */
body:has(.blog-language-switcher) .bv-language { display: none; }
.blog-language-switcher {
  position: relative;
  width: 100%;
  max-width: 116rem;
  margin: 0;
  font: 1.4rem/1.5 "Segoe UI", Arial, sans-serif;
  color: #5b5366;
}
.blog-language-switcher summary {
  cursor: pointer;
  width: fit-content;
  min-height: 44px;
  max-width: 100%;
  padding: .8rem 1.2rem;
  border: 1px solid #d8d2e1;
  border-radius: .8rem;
  background: #fff;
  color: #413849;
}
.blog-language-switcher summary:focus-visible,
.blog-language-switcher a:focus-visible { outline: 2px solid #7351da; outline-offset: 3px; }
.blog-language-switcher .blog-locale-list {
  display: flex;
  flex-wrap: wrap;
  gap: .6rem;
  margin: 0;
  padding: 1.2rem 0;
  list-style: none;
}
.blog-language-switcher a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: .7rem 1.1rem;
  border: 1px solid #e4dfeb;
  border-radius: .6rem;
  text-decoration: none;
  background: white;
  color: #413849;
}
.blog-language-switcher a[aria-current="page"] { border-color: #7351da; background: #f2edff; color: #5933bd; }
@media (max-width: 767px) {
  html[data-localized-blog] .nav_link { text-align: start; }
  html[data-localized-blog] .bv-callout { grid-template-columns: minmax(0,1fr); }
  html[data-localized-blog] .bv-showcase-scene figcaption { flex-wrap: wrap; gap: 1rem; }
}
@media (max-width: 479px) {
  html[data-localized-blog]:is(:lang(ja),:lang(ko),:lang(zh-Hant)) h1 { font-size: clamp(3.2rem,8.4vw,4rem); }
  html[data-localized-blog] .nav_wrap { flex-wrap: nowrap; gap: 6px; }
  html[data-localized-blog] .nav_brand { flex: 0 0 auto; max-width: clamp(80px,24vw,96px); }
  html[data-localized-blog] .nav_brand .img-brand { width: 100%; height: auto; }
  html[data-localized-blog] .nav_wrap > .show-tablet { min-width: 0; }
  html[data-localized-blog] .nav_menu-button-wrap { gap: 5px; }
  html[data-localized-blog] .nav_menu-button-wrap .button { flex: 1 1 auto; padding-inline: 10px; font-size: 13px; line-height: 1.25; }
  html[data-localized-blog] .form-input_wrap { flex-wrap: wrap; }
  html[data-localized-blog] .form-input.is-footer { flex-basis: 100%; }
  html[data-localized-blog] .button.is-form { width: 100%; }
}