/* 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}
}