/* Viewport-based padding belongs on a full-width header, never inside a max-width box. */
.app-ready .site-header{box-sizing:border-box!important;width:100%!important;max-width:none!important;margin-inline:0!important;padding-left:max(24px,calc((100% - 980px)/2))!important;padding-right:max(24px,calc((100% - 980px)/2))!important;gap:16px!important;align-items:center!important;flex-wrap:nowrap!important;min-height:80px}
.app-ready .site-header .app-brand{display:flex;align-items:center;flex:1 1 auto;min-width:0;max-width:none;width:auto;text-align:left;gap:12px;line-height:1.5;word-break:normal;overflow-wrap:normal}
.app-ready .site-header .app-brand>span:last-child{display:block;flex:1 1 auto;min-width:0;white-space:normal;word-break:normal;overflow-wrap:normal;line-height:1.5}
.app-ready .site-header .app-brand small{display:block;white-space:normal;word-break:normal;overflow-wrap:normal;line-height:1.6}
.app-ready .site-header .handbook-back{flex:0 0 auto;margin-left:auto}
.site-header .brand,.hub-header .hub-org{min-width:0}
.site-header .brand>span:last-child,.hub-header .hub-org>span{min-width:0;word-break:normal;overflow-wrap:normal}
.hub-header>a:last-child{flex:0 0 auto;white-space:nowrap}
@media(min-width:1151px){.site-header:not(:has(.app-brand)) .brand{flex:0 0 auto}.site-header:not(:has(.app-brand)) nav{min-width:0;flex-wrap:wrap;justify-content:flex-end;row-gap:6px}.site-header:not(:has(.app-brand)) nav a{white-space:nowrap}}
@media(min-width:641px){.app-ready .site-header .app-brand>span:last-child{white-space:nowrap}.app-ready .site-header .app-brand small{white-space:nowrap}}
@media(max-width:640px){.app-ready .site-header{padding-left:16px!important;padding-right:16px!important;gap:8px!important;min-height:72px}.app-ready .site-header .app-brand{gap:8px;font-size:13px;letter-spacing:0}.app-ready .site-header .app-brand small{font-size:9px;letter-spacing:0}.app-ready .site-header .handbook-back{min-width:58px;padding-inline:6px}}