/* Language changes presentation only; preserve the existing site layout. */
/* Translation fragments are text, not labels/cards. A dedicated inline element
   avoids legacy component selectors such as `.entity-compare-card span`.
   Never apply this reset to every product binding: many bind real UI elements. */
trutix-text[data-trutix-inline-copy]{all:unset!important;display:inline!important}

/* The fixed-width payment table must allow longer translated column headings
   to use a second line. Keep its Chinese density and mobile card layout intact. */
@media(min-width:761px){
 html:not([lang=zh-CN]) body.detail-open #broker-detail.detail-vertical #detail-eta #detailEtaTable>thead>tr>th{
  white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;
  height:auto!important;padding:10px 12px!important;line-height:1.45!important;
  vertical-align:top!important;
 }
}

/* Component-width layout contract: long translations wrap, never squeeze the
   adjacent label into one-character lines. Applies equally to all locales. */
/* Overview entity cards previously used `minmax(0,1fr) auto`: the status
   consumed nearly the whole card. Wrap the two header items by card width,
   not viewport width (desktop cards can be narrower than mobile cards). */
html body.detail-open #broker-detail.detail-vertical #detail-overview .detail-entity-options>span:is(.entity-legal-card-v703,.entity-context-card-v704){
 display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:flex-start!important;
}
html body.detail-open #broker-detail.detail-vertical #detail-overview .detail-entity-options>span:is(.entity-legal-card-v703,.entity-context-card-v704)>.entity-name-v136{
 flex:1 1 12rem!important;min-width:min(100%,12rem)!important;max-width:100%!important;
 white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;
}
html body.detail-open #broker-detail.detail-vertical #detail-overview .detail-entity-options>span:is(.entity-legal-card-v703,.entity-context-card-v704)>.entity-status-v136{
 flex:0 1 auto!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;
 white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;
 height:auto!important;padding:5px 10px!important;line-height:1.4!important;
}
html body.detail-open #broker-detail.detail-vertical #detail-overview .detail-entity-options>span:is(.entity-legal-card-v703,.entity-context-card-v704)>:is(.entity-legal-facts-v703,.entity-regulator-v136,.entity-implication-v704,.entity-official-source-v703,.entity-source-missing-v703){
 flex:0 0 100%!important;width:100%!important;min-width:0!important;box-sizing:border-box!important;
}
html body.detail-open #broker-detail.detail-vertical #detail-overview .detail-entity-options>span:is(.entity-legal-card-v703,.entity-context-card-v704) .entity-legal-facts-v703 em{
 white-space:normal!important;overflow:visible!important;text-overflow:clip!important;word-break:normal!important;
}
html body.detail-open #broker-detail.detail-vertical #detail-current-entity .entity-route-head{
 display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px 12px!important;
}
html body.detail-open #broker-detail.detail-vertical #detail-current-entity .entity-route-head>span{
 flex:1 1 11rem!important;min-width:min(100%,11rem)!important;max-width:100%!important;
 white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;
}
html body.detail-open #broker-detail.detail-vertical #detail-current-entity .entity-route-head>i{
 flex:0 1 auto!important;max-width:100%!important;
}
html body.detail-open #broker-detail.detail-vertical #detail-current-entity .entity-route-head>i,
html body.detail-open #broker-detail.detail-vertical .entity-compare-card>span,
html body.detail-open #broker-detail.detail-vertical .detail-entity-options .entity-status-v136{
 box-sizing:border-box!important;white-space:normal!important;word-break:normal!important;
 overflow-wrap:break-word!important;line-height:1.4!important;height:auto!important;
 max-width:100%!important;padding:3px 8px!important;
}
html body.detail-open #broker-detail.detail-vertical .entity-compare-head{
 display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px 16px!important;
}
html body.detail-open #broker-detail.detail-vertical .entity-compare-head>b{
 flex:0 1 auto!important;min-width:0!important;max-width:100%!important;
}
html body.detail-open #broker-detail.detail-vertical .entity-compare-head>span{
 flex:1 1 18rem!important;min-width:0!important;max-width:100%!important;white-space:normal!important;
}
#trutixPublicNav .trutix-language-switcher{position:relative;display:inline-flex;flex:none;margin-left:6px;z-index:10001}
#trutixPublicNav #trutixLanguageToggle{display:inline-flex;align-items:center;gap:6px;padding:9px 10px;border:1px solid #ffffff24;border-radius:9px;background:linear-gradient(135deg,#a09ccc22,#2ea7e01a);color:#edf3ff;font:500 12px/1.2 var(--sans,sans-serif);white-space:nowrap;cursor:pointer}
#trutixPublicNav #trutixLanguageToggle:hover,#trutixPublicNav #trutixLanguageToggle[aria-expanded=true]{border-color:#9dc9ff99;background:#34466a}
#trutixPublicNav #trutixLanguageMenu{position:absolute;top:calc(100% + 9px);right:0;min-width:160px;padding:5px;border:1px solid #ffffff24;border-radius:10px;background:#202e4b;box-shadow:0 12px 35px #080e2580}
#trutixPublicNav #trutixLanguageMenu[hidden]{display:none!important}
#trutixPublicNav #trutixLanguageMenu button{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;padding:11px 12px;background:transparent;border:0;border-radius:6px;color:#edf3ff;text-align:left;font:500 13px/1.3 var(--sans,sans-serif);cursor:pointer;white-space:nowrap}
#trutixPublicNav #trutixLanguageMenu button:hover,#trutixPublicNav #trutixLanguageMenu button:focus-visible{background:#42567a;outline:1px solid #9edfff}
#trutixPublicNav #trutixLanguageMenu button span{visibility:hidden;color:#9edfff}
#trutixPublicNav #trutixLanguageMenu button[aria-checked=true] span{visibility:visible}
html:not([lang=zh-CN]) #trutixPublicNav .nav-links{gap:0!important;justify-content:space-evenly!important;min-width:0!important}
html body #trutixPublicNav .nav-inner{grid-template-columns:auto minmax(0,1fr) auto!important;gap:12px!important}
html body #trutixPublicNav .brand{width:auto!important;min-width:136px!important;margin:0!important}
html body #trutixPublicNav .nav-links{position:static!important;transform:none!important;width:auto!important;max-width:100%!important;margin:0!important}
html:not([lang=zh-CN]) #trutixPublicNav .nav-links>a,html:not([lang=zh-CN]) #trutixPublicNav .nav-standard-trigger-v136{font-size:12px!important;white-space:nowrap}
html:not([lang=zh-CN]) #broker-detail :is(h2,h3,h4,button,[data-i18n]){overflow-wrap:break-word}
@media(max-width:1350px){#trutixPublicNav #trutixLanguageLabel,#trutixPublicNav .trutix-language-caret{display:none}#trutixPublicNav #trutixLanguageToggle{padding:9px}}
@media(max-width:1180px){html body #trutixPublicNav .nav-inner{grid-template-columns:auto minmax(0,1fr) auto auto!important}html body #trutixPublicNav .nav-actions{grid-column:3}html body #trutixPublicNav .nav-mobile-menu-v136{grid-column:4}}
@media(max-width:900px){#trutixPublicNav .nav-actions{display:flex!important}#trutixPublicNav .nav-actions>.broker-login-cta{display:none!important}#trutixPublicNav .trutix-language-switcher{margin-left:0}#trutixPublicNav .nav-actions{gap:5px!important}#trutixPublicNav .region-current{max-width:126px;white-space:normal!important}}

/* UI1016: keyboard focus follows the blue/violet navigation palette. */
#trutixPublicNav #trutixLanguageToggle:focus-visible{outline:2px solid #9edfff;outline-offset:3px}
