/* Shared ToolUnio product shell, modeled on PDFMorrow's independent header. */
.tu-shell-header{background:#fff!important;border:0!important;border-bottom:1px solid #edf0f5!important;box-shadow:none!important;min-height:76px!important;padding:0 22px!important;margin:0!important;width:100%!important;max-width:none!important;display:block!important;position:relative;z-index:8}
.tu-shell-top{width:100%!important;max-width:1100px!important;margin:0 auto!important;min-height:76px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.tu-shell-brand{display:inline-flex!important;align-items:center!important;gap:11px!important;flex:0 0 auto!important;min-width:0;text-decoration:none!important;color:#1c2939!important}
.tu-shell-icon{width:42px!important;height:42px!important;min-width:42px;object-fit:contain!important;display:block!important}
.tu-shell-wordmark{display:inline-flex!important;align-items:baseline;white-space:nowrap;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;font-size:clamp(19px,2.8vw,26px)!important;line-height:1!important;font-weight:730!important;letter-spacing:-.065em!important;color:#202938!important;text-transform:none!important}
.tu-shell-wordmark>span{color:#202938!important;font-weight:730!important}
.tu-shell-wordmark>strong{color:#2367bf!important;font-weight:780!important}
.tu-shell-wordmark>i{font-style:normal!important;color:#2367bf!important}
.tu-shell-brand:hover{opacity:.86}
.tu-shell-actions{margin-left:auto!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;min-width:0}
.tu-shell-actions select{box-sizing:border-box!important;max-width:min(215px,42vw)!important;border:1px solid #dce4ef!important;border-radius:10px!important;background:#fff!important;color:#34465d!important;padding:7px 11px!important;font:inherit!important;font-size:13px!important;min-height:36px!important}
.tu-shell-actions label{display:flex!important;align-items:center!important;gap:8px!important;color:#65748a!important;font-size:12px!important}
.tu-shell-actions .bh-lang{display:flex!important;gap:8px!important;align-items:center!important}
.tu-shell-actions .bh-lang a{color:#3768aa!important;text-decoration:none!important;font-size:13px!important}
.tu-shell-actions a:focus-visible,.tu-shell-brand:focus-visible,.tu-shell-actions select:focus-visible{outline:2px solid #2873d3;outline-offset:3px}
.tu-shell-footer{margin:32px 0 0!important;width:100%!important;max-width:none!important;min-height:65px!important;padding:14px 22px!important;background:transparent!important;border:0!important;border-top:1px solid #e8edf4!important;box-shadow:none!important;display:block!important;font-size:12px!important;line-height:1.65!important;color:#8895a5!important}
.tu-shell-bottom{max-width:1100px!important;margin:0 auto!important;width:100%!important;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:wrap;gap:14px 20px}
.tu-shell-legal{display:flex;align-items:center;gap:16px;flex-wrap:wrap;color:#8b97a7;font-size:12px}
.tu-shell-legal a{font-size:12px!important;color:#7a899c!important;text-decoration:none!important}
.tu-shell-legal a:hover{color:#2467bc!important}
.tu-shell-footer .tu-brand-signature{margin-left:auto!important;display:inline-flex!important;align-items:center!important;gap:5px!important;text-decoration:none!important;font:600 12px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;color:#74829a!important;white-space:nowrap!important}
.tu-shell-footer .tu-brand-by{font-size:11px!important;color:#919eae!important;font-weight:500!important}
.tu-shell-footer .tu-brand-name{font-size:12px!important;color:#536d90!important;font-weight:700!important;letter-spacing:-.02em!important}
.tu-shell-footer .tu-brand-signature img{width:17px!important;height:17px!important;display:inline-block!important}
.tu-shell-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:600px){
 .tu-shell-header{padding:0 15px!important;min-height:66px!important}
 .tu-shell-top{min-height:66px!important;gap:9px!important}
 .tu-shell-icon{width:34px!important;height:34px!important;min-width:34px!important}
 .tu-shell-brand{gap:8px!important}
 .tu-shell-wordmark{font-size:clamp(17px,4.7vw,22px)!important}
 .tu-shell-actions select{max-width:118px!important;min-width:0!important;font-size:12px!important;padding:6px 7px!important}
 .tu-shell-actions label{font-size:11px!important;gap:3px!important}
 .tu-shell-footer{padding:13px 15px!important}
}
@media(max-width:355px){
 .tu-shell-wordmark{font-size:17px!important}
 .tu-shell-icon{width:31px!important;height:31px!important;min-width:31px!important}
 .tu-shell-brand{gap:6px!important}
 .tu-shell-actions select{max-width:95px!important}
}


/* PixelBench/PDFMorrow-informed universal grid: same visible left/right
   alignment at header, workspace and footer on every tool family. */
.tu-shell-header{box-sizing:border-box!important;max-width:1120px!important;width:100%!important;margin:0 auto!important;padding-left:20px!important;padding-right:20px!important;border-bottom:1px solid #e8edf4!important;flex-wrap:nowrap!important}
.tu-shell-top{box-sizing:border-box!important;max-width:1080px!important;width:100%!important;flex-wrap:nowrap!important;min-width:0!important}
.tu-shell-top>*,.tu-shell-brand,.tu-shell-wordmark{flex-wrap:nowrap!important;white-space:nowrap!important}
.tu-shell-actions{min-width:0!important;flex:0 1 auto!important;white-space:nowrap!important}
.tu-shell-actions .toolunio-language-label{min-width:0!important;flex:0 1 auto!important;margin-left:auto!important}
body:has(.tu-shell-header)>main{box-sizing:border-box!important;max-width:1080px!important;width:calc(100% - 44px)!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important;min-width:0!important}
.tu-shell-footer{box-sizing:border-box!important;max-width:1120px!important;width:100%!important;margin:32px auto 0!important;padding:14px 20px!important;border-top:1px solid #e8edf4!important}
.tu-shell-bottom{box-sizing:border-box!important;width:100%!important;max-width:1080px!important;flex-wrap:nowrap!important;gap:12px!important;min-width:0}
.tu-shell-legal{min-width:0;flex:1 1 auto;white-space:nowrap;gap:12px!important}
.tu-shell-footer .tu-brand-signature{flex:0 0 auto!important;white-space:nowrap!important}
/* Finance keeps its region selector as a product control but below the
   global brand/locale row; no overlapping or forced line break. */
.tu-shell-contextual{box-sizing:border-box;display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:14px 0 0;max-width:100%;min-height:52px}
.tu-shell-contextual .header-country{display:inline-flex!important;align-items:center!important;gap:9px!important;flex-wrap:nowrap!important;color:#65748a!important;font:500 12px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important}
.tu-shell-contextual #country-label{display:inline!important;width:auto!important;height:auto!important;position:static!important}
.tu-shell-contextual #region{box-sizing:border-box!important;width:190px!important;max-width:calc(100vw - 110px)!important;min-height:36px!important;background:#fff!important;color:#34465d!important;border:1px solid #dce4ef!important;border-radius:10px!important;padding:7px 10px!important;font-size:13px!important}
@media(max-width:600px){
 .tu-shell-header{padding-left:15px!important;padding-right:15px!important}
 .tu-shell-footer{padding-left:15px!important;padding-right:15px!important}
 body:has(.tu-shell-header)>main{width:calc(100% - 30px)!important}
 .tu-shell-legal{gap:8px!important;font-size:11px!important}
 .tu-shell-legal a{font-size:11px!important}
 .tu-shell-footer .tu-brand-signature{margin-left:auto!important}
 .tu-shell-contextual{padding-top:12px;min-height:50px}
 .tu-shell-contextual #region{width:160px!important;max-width:150px!important}
}
@media(max-width:355px){
 .tu-shell-legal{gap:6px!important}
 .tu-shell-legal span{font-size:10px!important}
 .tu-shell-legal a{font-size:10px!important}
 .tu-shell-footer .tu-brand-name{font-size:11px!important}
 .tu-shell-contextual #region{width:130px!important}
}


/* The shared language picker is appended to the first nav on tools that do not
   have their own picker (e.g. Code to HTML). Prevent its 55 options from
   expanding the mobile first line beyond the viewport. */
.tu-shell-top>.toolunio-language-label{
  box-sizing:border-box!important;
  display:flex!important;align-items:center!important;
  flex:0 1 175px!important;min-width:0!important;
  max-width:175px!important;margin-left:auto!important;
  white-space:nowrap!important;
}
.tu-shell-top>.toolunio-language-label select{
  box-sizing:border-box!important;width:100%!important;min-width:0!important;
  max-width:175px!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
@media(max-width:600px){
 .tu-shell-top>.toolunio-language-label{flex-basis:116px!important;max-width:116px!important}
 .tu-shell-top>.toolunio-language-label select{max-width:116px!important}
}
@media(max-width:355px){
 .tu-shell-top>.toolunio-language-label{flex-basis:95px!important;max-width:95px!important}
 .tu-shell-top>.toolunio-language-label select{max-width:95px!important}
}
/* Education worksheet controls have wide intrinsic grid content at tablet widths.
   Keep the editor's grid columns shrinkable without changing print-size pages. */
@media(max-width:900px){
 body:has(.education-topic-quicknav) .layout{grid-template-columns:minmax(0,1fr)!important;min-width:0!important}
 body:has(.education-topic-quicknav) .layout>*{min-width:0!important;max-width:100%!important}
}


/* Shared locale control — PDFMorrow /pdf/zh-cn is the visual reference.
   Only the common top-right slot is styled; every product keeps its own
   original select ID, 8/9/55-language options and change listener. */
.tu-shell-header .tu-shell-top{
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:space-between!important;
}
.tu-shell-header .tu-shell-actions{
  display:flex!important;flex:0 1 212px!important;
  width:212px!important;min-width:0!important;
  max-width:212px!important;align-items:center!important;
  justify-content:flex-end!important;
  margin-left:auto!important;gap:0!important;
}
.tu-shell-header .tu-shell-actions>label,
.tu-shell-header .tu-shell-actions>.tu-locale-control{
  display:flex!important;align-items:center!important;
  flex:0 1 212px!important;min-width:0!important;
  width:100%!important;max-width:212px!important;
  margin:0!important;padding:0!important;
  font:inherit!important;white-space:nowrap!important;
}
.tu-shell-header .tu-shell-actions select:is(
  #toolunio-language,#languageSelect,#lang,#growth-language
){
  box-sizing:border-box!important;
  display:block!important;flex:1 1 auto!important;
  width:100%!important;max-width:212px!important;
  height:41px!important;min-height:41px!important;
  margin:0!important;
  border:1px solid #dce4ee!important;border-radius:11px!important;
  background-color:#fff!important;color:#44566d!important;
  font:400 13px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
  padding:10px 30px 10px 12px!important;
  text-overflow:ellipsis!important;white-space:nowrap!important;
  direction:inherit;
}
.tu-shell-header .tu-shell-actions select:is(
  #toolunio-language,#languageSelect,#lang,#growth-language
):focus-visible{outline:2px solid #2873d3!important;outline-offset:2px!important}
@media(max-width:700px){
 .tu-shell-header .tu-shell-actions{
   width:145px!important;max-width:145px!important;
   flex-basis:145px!important;
 }
 .tu-shell-header .tu-shell-actions>label{
   width:100%!important;max-width:145px!important;flex-basis:145px!important;
 }
 .tu-shell-header .tu-shell-actions select:is(
   #toolunio-language,#languageSelect,#lang,#growth-language
 ){
   max-width:145px!important;height:39px!important;min-height:39px!important;
   font-size:12px!important;padding:8px 23px 8px 9px!important;
 }
}
@media(max-width:355px){
 .tu-shell-header .tu-shell-actions{
   width:100px!important;max-width:100px!important;flex-basis:100px!important;
 }
 .tu-shell-header .tu-shell-actions>label{
   max-width:100px!important;flex-basis:100px!important;
 }
 .tu-shell-header .tu-shell-actions select:is(
   #toolunio-language,#languageSelect,#lang,#growth-language
 ){max-width:100px!important;padding-right:17px!important}
}

/* The language selector stays at the physical upper-right in every locale.
   RTL applies to the tool content, not to the invariant global product chrome. */
.tu-shell-header .tu-shell-top{direction:ltr!important}
.tu-shell-header .tu-shell-actions{direction:ltr!important}

/* Equal first-row vertical alignment across QR, Code, Finance, static workbenches
   and other products. Native QR styles formerly increased nav height to 72px. */
.tu-shell-header .tu-shell-top{height:76px!important;min-height:76px!important;max-height:76px!important}
@media(max-width:600px){
 .tu-shell-header .tu-shell-top{height:66px!important;min-height:66px!important;max-height:66px!important}
}


/* Narrow-scrollbar consistency: some legacy products forced html to >=320px,
   making the header wider than the actually available browser content.
   Override only within the shared product shell. */
html:has(.tu-shell-header){min-width:0!important}
.tu-shell-header[data-tu-shell="1"]{
  box-sizing:border-box!important;width:100%!important;
  max-width:1120px!important;
  margin:0 auto!important;
  padding-left:20px!important;padding-right:20px!important;
}
@media(max-width:600px){
 .tu-shell-header[data-tu-shell="1"]{padding-left:15px!important;padding-right:15px!important}
}


/* Reserve the same scrollbar gutter on short and long product pages.
   Without this, the right-edge coordinate shifts by 15px between tools. */
html:has(.tu-shell-header){scrollbar-gutter:stable!important}