/* Canonical visual styling for the shared public-header.js and public-footer.js.
   Scope: .li-public-unified pages only; app and admin screens stay unchanged. */
@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@600;700;800&display=swap');
/* All ten public pages get the same edge-to-edge white masthead.
   Inner controls stay aligned with the centered 1440px site canvas. */
body.li-public-unified .mockup-page{overflow:visible!important;}
body.li-public-unified .mockup-page>.home-header.site-header{
 position:sticky!important;top:0!important;z-index:20!important;
 display:flex!important;flex:0 0 auto!important;align-items:center!important;flex-wrap:nowrap!important;
 width:100vw!important;max-width:none!important;height:76px!important;min-height:76px!important;box-sizing:border-box!important;
 margin:0 0 0 calc(50% - 50vw)!important;
 padding:0 max(28px,calc(50vw - 692px))!important;
 gap:20px!important;
 background:#fff!important;border-radius:0 0 23px 23px!important;box-shadow:0 3px 12px #4460480a!important;
}
body.li-public-unified .home-header .brand{display:flex!important;align-items:center!important;flex:none!important;margin:0!important;gap:8px!important;white-space:nowrap!important}
body.li-public-unified .home-header .brand-lion{width:61px!important;flex:none!important}
body.li-public-unified .home-header .brand strong,body.li-public-unified .home-header .brand strong b{
 font-family:'Baloo 2','Roboto',sans-serif!important;font-size:36px!important;font-weight:800!important;
 font-style:normal!important;line-height:.96!important;letter-spacing:-.8px!important;color:#3a156e!important;
}
body.li-public-unified .home-header .brand small{
 display:block!important;font-family:'Baloo 2','Roboto',sans-serif!important;font-size:14px!important;
 font-weight:600!important;line-height:1.12!important;margin-top:2px!important;color:#555!important;
}
body.li-public-unified .home-header .audience-switch{
 display:flex!important;gap:0!important;align-items:center!important;margin-left:auto!important;margin-right:auto!important;
 padding:3px!important;border:1px solid #eae8e7!important;border-radius:99px!important;
 background:#f9f9f7!important;box-shadow:0 1px 6px #523a2c0e!important;
}
body.li-public-unified .home-header .audience-switch a{
 display:flex!important;align-items:center!important;justify-content:center!important;
 min-height:39px!important;min-width:145px!important;padding:6px 18px!important;
 border-radius:99px!important;background:transparent!important;color:#252a37!important;box-shadow:none!important;
 font:600 16px/1.35 'Baloo 2','Roboto',sans-serif!important;white-space:nowrap!important;text-decoration:none!important;
}
body.li-public-unified .home-header .audience-switch a:first-child,
body.li-public-unified .home-header .audience-switch a[aria-current="page"]{
 color:#3a156e!important;background:#fff!important;box-shadow:0 0 0 3px #3a156e,0 1px 7px rgba(58,21,110,.12)!important;
}
body.li-public-unified .home-header .audience-switch:has(a:last-child[aria-current="page"]) a:first-child{color:#252a37!important;background:transparent!important;box-shadow:none!important}
body.li-public-unified .home-header>.action{flex:none!important;font-family:'Baloo 2','Roboto',sans-serif!important;font-weight:700!important}
body.li-public-unified .home-header .site-menu{display:block!important;margin-left:8px!important}
body.li-public-unified .home-header .site-menu>summary,
body.li-public-unified .home-header .site-menu>summary>.ui-icon{color:#3a156e!important;stroke:currentColor!important}
body.li-public-unified [data-public-header]{min-height:76px}
body.li-public-unified [data-public-footer]{min-height:200px}
@media(min-width:901px) and (max-width:1150px){
 body.li-public-unified .mockup-page>.home-header.site-header{gap:16px!important;padding-inline:22px!important}
 body.li-public-unified .home-header .brand-lion{width:54px!important}
 body.li-public-unified .home-header .brand strong,body.li-public-unified .home-header .brand strong b{font-size:32px!important}
 body.li-public-unified .home-header .brand small{font-size:13px!important}
 body.li-public-unified .home-header .audience-switch a{min-width:130px!important;padding-inline:12px!important}
}
@media(min-width:641px) and (max-width:900px){
 body.li-public-unified .mockup-page>.home-header.site-header{height:65px!important;min-height:65px!important;padding:0 18px!important;gap:14px!important}
 body.li-public-unified .home-header .brand-lion{width:48px!important}
 body.li-public-unified .home-header .brand strong,body.li-public-unified .home-header .brand strong b{font-size:27px!important}
 body.li-public-unified .home-header .brand small{font-size:12px!important}
 body.li-public-unified .home-header .audience-switch a{min-height:34px!important;min-width:110px!important;padding:7px 12px!important;font-size:14px!important}
 body.li-public-unified .home-header .site-menu{margin-left:0!important}
 body.li-public-unified [data-public-header]{min-height:65px}
}
@media(max-width:640px){
 body.li-public-unified .mockup-page>.home-header.site-header{
  height:auto!important;min-height:91px!important;padding:6px 14px 8px!important;flex-wrap:wrap!important;
  gap:4px 10px!important;border-radius:0 0 17px 17px!important;
 }
 body.li-public-unified .home-header .brand{gap:6px!important}
 body.li-public-unified .home-header .brand-lion{width:43px!important}
 body.li-public-unified .home-header .brand strong,body.li-public-unified .home-header .brand strong b{font-size:25px!important}
 body.li-public-unified .home-header .brand small{font-size:11.5px!important}
 body.li-public-unified .home-header>.action{display:none!important}
 body.li-public-unified .home-header .audience-switch{
  order:3!important;flex:0 0 100%!important;margin:0!important;padding:2px!important;justify-content:center!important;max-width:none!important;
 }
 body.li-public-unified .home-header .audience-switch a{
  flex:1 1 0!important;min-height:30px!important;min-width:0!important;padding:4px 12px!important;font-size:13px!important;
 }
 body.li-public-unified .home-header .site-menu{margin-left:auto!important}
 body.li-public-unified .home-header .site-menu summary{padding:5px!important}
 body.li-public-unified .home-header .site-menu summary>.ui-icon{width:28px!important;height:28px!important}
 body.li-public-unified [data-public-header]{min-height:91px}
}
/* Shared public header: collaboration CTA, link semantics, compact centered label. */
body.li-public-unified .home-header>a.action.li-partner-header-cta{
 flex:0 0 auto!important;
 display:inline-flex!important;
 align-items:center!important;
 justify-content:center!important;
 gap:8px!important;
 min-height:43px!important;
 padding:9px 16px!important;
 border-radius:999px!important;
 background:#fa740b!important;
 color:#fff!important;
 -webkit-text-fill-color:#fff!important;
 font:700 15px/1.25 'Baloo 2','Roboto',sans-serif!important;
 white-space:nowrap!important;
 text-decoration:none!important;
}
body.li-public-unified .home-header>a.action.li-partner-header-cta .ui-icon{
 width:20px!important;height:20px!important;stroke:#fff!important;fill:none!important;flex:none!important;
}
body.li-public-unified .home-header>a.action.li-partner-header-cta:focus-visible{outline:3px solid #3a156e!important;outline-offset:3px!important}
@media(min-width:641px) and (max-width:1150px){
 body.li-public-unified .home-header>a.action.li-partner-header-cta{font-size:13px!important;padding:8px 11px!important;gap:6px!important}
 body.li-public-unified .home-header>a.action.li-partner-header-cta .ui-icon{width:17px!important;height:17px!important}
}
@media(max-width:640px){
 /* Preserve the existing mobile header structure and the menu's partner link. */
 body.li-public-unified .home-header>a.action.li-partner-header-cta{display:none!important}
}