/* ThisFont multilingual Phase 2 — additive header/language/RTL rules. */
.tf-nav3-bar{
  grid-template-columns:auto auto minmax(220px,1fr) auto auto;
  gap:16px;
}
.tf-lang-switcher{position:relative;z-index:1305;min-width:0}
.tf-lang-switcher summary{list-style:none;display:flex;align-items:center;gap:7px;min-height:40px;padding:8px 10px;border:1px solid #e4e7ec;border-radius:11px;background:#fff;color:#344054;font-size:.78rem;font-weight:800;cursor:pointer;white-space:nowrap;user-select:none}
.tf-lang-switcher summary::-webkit-details-marker{display:none}
.tf-lang-switcher summary:hover,.tf-lang-switcher[open] summary{background:#f8fafc;border-color:#d0d5dd;color:#101828}
.tf-lang-globe{font-size:.85rem;line-height:1;color:#667085}.tf-lang-chevron{font-size:.78rem;color:#98a2b3;transition:transform .16s ease}.tf-lang-switcher[open] .tf-lang-chevron{transform:rotate(180deg)}
.tf-lang-menu{position:absolute;top:calc(100% + 8px);right:0;width:min(260px,82vw);max-height:min(520px,72vh);overflow:auto;padding:7px;border:1px solid #e4e7ec;border-radius:14px;background:#fff;box-shadow:0 18px 45px rgba(15,23,42,.16)}
.tf-lang-option{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 11px;border-radius:9px;text-decoration:none!important;color:#344054!important}
.tf-lang-option:hover,.tf-lang-option.is-active{background:#f5f3ff;color:#101828!important}.tf-lang-option>span{font-weight:800}.tf-lang-option small{font-size:.68rem;color:#98a2b3}.tf-lang-option.is-active small:after{content:" ✓";color:#7c3aed;font-weight:900}
.tf-lang-mobile{display:none}.tf-lang-mobile summary{width:42px;height:42px;min-height:42px;justify-content:center;padding:0}.tf-lang-mobile .tf-lang-globe,.tf-lang-mobile .tf-lang-chevron{display:none}.tf-lang-mobile .tf-lang-current{font-size:.7rem;letter-spacing:.04em}.tf-lang-mobile .tf-lang-menu{right:0}
.tf-drawer-language-block{padding:14px 4px 16px;border-bottom:1px solid #eaecf0}.tf-drawer-language-block>strong{display:block;margin-bottom:10px;font-size:.78rem;color:#475467}.tf-drawer-language-grid{display:flex;flex-wrap:wrap;gap:7px}.tf-drawer-language-grid a{padding:7px 9px;border:1px solid #e4e7ec;border-radius:999px;text-decoration:none!important;color:#475467!important;font-size:.72rem;font-weight:750;background:#fff}.tf-drawer-language-grid a.is-active{background:#111827;color:#fff!important;border-color:#111827}


/* Language picker must be able to display every script even while the page is
   still English/Latin. Keep each native label isolated for correct shaping. */
.tf-lang-native{unicode-bidi:isolate;text-rendering:optimizeLegibility}
.tf-lang-native-zh,.tf-lang-option-zh,.tf-lang-drawer-zh{font-family:"Noto Sans SC","Microsoft YaHei","PingFang SC",sans-serif}
.tf-lang-native-hi,.tf-lang-option-hi,.tf-lang-drawer-hi{font-family:"Noto Sans Devanagari","Nirmala UI","Mangal",sans-serif}
.tf-lang-native-ar,.tf-lang-option-ar,.tf-lang-drawer-ar{font-family:"Cairo","Noto Sans Arabic","Segoe UI",Tahoma,sans-serif}
.tf-lang-native-ar{direction:rtl;text-align:right}
.tf-lang-option small{font-family:Inter,system-ui,sans-serif;unicode-bidi:isolate}
.tf-drawer-language-grid a[dir="rtl"]{direction:rtl;unicode-bidi:isolate}

/* Long translated labels must wrap cleanly instead of pushing the header apart. */
.tf-nav3-trigger,.tf-nav3-cta,.btn,.section-link,.tf-nav3-link strong,.tf-nav3-link small,.job-name,.tool-card h3{overflow-wrap:anywhere}
.tf-nav3-primary{min-width:0}.tf-nav3-search{max-width:520px}

html[dir="rtl"] body{text-align:right}
html[dir="rtl"] .wordmark,html[dir="rtl"] .wordmark-v2,html[dir="rtl"] .footer-wordmark-v2{direction:ltr}
html[dir="rtl"] .tf-nav3-search>svg,html[dir="rtl"] .tf-nav3-mobile-search form>svg{margin-left:0;margin-right:14px}
html[dir="rtl"] .tf-lang-menu{right:auto;left:0}
html[dir="rtl"] .tf-nav3-link:hover{transform:translateX(-2px)}
html[dir="rtl"] .tf-nav3-feature-link span{transform:scaleX(-1)}
html[dir="rtl"] .tf-nav3-feature-link:hover span{transform:scaleX(-1) translateX(3px)}
html[dir="rtl"] .tf-nav3-drawer{right:auto;left:0;box-shadow:24px 0 60px rgba(15,23,42,.18)}
html[dir="rtl"] .tf-nav3-accordion>button{text-align:right}
html[dir="rtl"] .tf-nav3-mobile-search button{margin-right:0;margin-left:5px}
html[dir="rtl"] .tf-nav3-mobile-cta span{text-align:left}
html[dir="rtl"] input[type="search"],html[dir="rtl"] .hero-search-card input{direction:rtl;text-align:right}
html[dir="rtl"] .font-preview,html[dir="rtl"] [data-font-preview]{unicode-bidi:plaintext}

@media (max-width:1180px){
  .tf-nav3-bar{grid-template-columns:auto auto minmax(210px,1fr) auto;gap:13px}
  .tf-nav3-cta{display:none}
  .tf-nav3-search{max-width:none}
}
@media (max-width:920px){
  .tf-nav3-bar{grid-template-columns:auto 1fr auto}
  .tf-lang-desktop{display:none}
  .tf-lang-mobile{display:block}
}
@media (max-width:560px){
  .tf-nav3-mobile-actions{gap:2px}
  .tf-lang-mobile summary,.tf-nav3-icon-btn{width:40px;height:40px;min-height:40px}
  .tf-lang-menu{width:min(245px,88vw)}
}


/* Locale-native UI fonts. Font specimens retain their own explicit family. */
html[lang^="ar"] body { font-family: "Cairo", Inter, system-ui, sans-serif; }
html[lang^="hi"] body { font-family: "Noto Sans Devanagari", Inter, system-ui, sans-serif; }
html[lang^="zh"] body { font-family: "Noto Sans SC", Inter, system-ui, sans-serif; }
html[lang^="ar"] .font-sample,
html[lang^="hi"] .font-sample,
html[lang^="zh"] .font-sample,
html[lang^="ar"] [data-font-preview],
html[lang^="hi"] [data-font-preview],
html[lang^="zh"] [data-font-preview] { font-family: inherit; }