/* Shared mobile navigation for every page outside the program builder. */
.mobile-site-header,.mobile-site-toolbar{display:none}
@media(max-width:900px), (pointer:coarse) and (max-width:1400px){
  body.has-mobile-navigation{padding-bottom:calc(82px + env(safe-area-inset-bottom))!important}
  body.has-mobile-navigation .site-nav{display:none!important}
  body.has-mobile-navigation .auth-brand-heading{display:none!important}
  .mobile-site-header{
    position:sticky;top:0;z-index:80;box-sizing:border-box;width:100%;min-height:64px;
    display:flex;align-items:center;padding:8px 16px;background:#f7f5f1;border-bottom:1px solid #d9dfdc;
    box-shadow:0 4px 14px rgba(36,49,45,.06);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif
  }
  .mobile-site-brand{display:flex;align-items:center;gap:10px;min-width:0;color:#24312d;text-decoration:none}
  .mobile-site-brand img{width:43px;height:43px;flex:none;object-fit:contain;border-radius:50%}
  .mobile-site-brand-copy{display:flex;flex-direction:column;gap:2px;min-width:0}
  .mobile-site-brand-copy strong{font-size:clamp(17px,4.3vw,24px);line-height:1.05;letter-spacing:-.045em;white-space:nowrap}
  .mobile-site-brand-copy span{font-size:clamp(10px,2.5vw,13px);line-height:1.2;color:#697670;white-space:nowrap}
  .mobile-site-toolbar{
    position:fixed;left:0;bottom:0;z-index:100;width:100%;box-sizing:border-box;
    display:grid;grid-template-columns:repeat(5,minmax(0,1fr));
    padding:7px 6px max(8px,env(safe-area-inset-bottom));
    background:#fff;border-top:1px solid #d9dfdc;box-shadow:0 -5px 18px rgba(36,49,45,.08);
    font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif
  }
  .mobile-site-toolbar a{
    min-width:0;min-height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;
    gap:3px;padding:4px 1px;border-radius:9px;color:#476c60;text-decoration:none;touch-action:manipulation;
    -webkit-tap-highlight-color:rgba(71,108,96,.24)
  }
  .mobile-site-toolbar a svg{width:24px;height:24px;flex:none}
  .mobile-site-toolbar a span{color:#24312d;font-size:11px;font-weight:700;line-height:1.15;white-space:nowrap}
  .mobile-site-toolbar a:active,.mobile-site-toolbar a[aria-current="page"]{background:#eaf0eb}
  .mobile-site-toolbar a:focus-visible,.mobile-site-brand:focus-visible{outline:2px solid #476c60;outline-offset:-2px}
  body.has-mobile-navigation .landing-footer,body.has-mobile-navigation .site-footer{padding-bottom:24px}
}
@media(max-width:370px){.mobile-site-brand-copy strong{font-size:16px}.mobile-site-brand-copy span{font-size:10px}}