/* Public header only. Uses +FRED's existing colours, type and controls. */
.site-header .navbar{width:min(1480px,calc(100% - 40px));gap:16px}
.site-header .nav-links{min-width:0}
.site-header .nav-links a{padding-left:9px;padding-right:9px}
.site-header a:focus-visible,.site-header button:focus-visible{outline:3px solid #75deff;outline-offset:3px}
@media(max-width:1399px){
  .site-header .navbar{gap:12px}
  .site-header .nav-toggle{display:block;order:3;flex:0 0 44px;margin-left:auto}
  .site-header .header-professional{order:4;margin-left:0}
  .site-header .header-sister{order:5;margin-left:0}
  .site-header .preview-badge{display:none}
  .site-header .nav-links{display:none;position:absolute;top:calc(100% + 7px);left:20px;right:20px;margin:0;padding:10px;flex-direction:column;align-items:stretch;background:#fff;border:1px solid var(--pf-line);border-radius:14px;box-shadow:var(--pf-shadow);max-height:calc(100dvh - 105px);overflow-y:auto}
  .site-header .nav-links.open{display:flex}
  .site-header .nav-links a{color:var(--pf-ink);min-height:44px;white-space:normal}
  .site-header .nav-links a:hover,.site-header .nav-links a:focus-visible,.site-header .nav-links a.active{background:var(--pf-cyan-soft);color:var(--pf-blue)}
  .site-header .nav-links a.active::after{left:3px;right:auto;top:8px;bottom:8px;width:3px;height:auto}
  /* Without JavaScript every route remains accessible. */
  html:not(.pf-nav-ready) .site-header{position:static;height:auto}
  html:not(.pf-nav-ready) .site-shell{padding-top:0}
  html:not(.pf-nav-ready) .site-header .navbar{flex-wrap:wrap;padding-top:12px;padding-bottom:12px}
  html:not(.pf-nav-ready) .site-header .nav-toggle{display:none}
  html:not(.pf-nav-ready) .site-header .nav-links{display:flex;position:static;order:6;flex-basis:100%;max-height:none}
}
@media(max-width:600px){.site-header .navbar{width:calc(100% - 28px);gap:8px}.site-header .header-professional>span:last-child{display:none}.site-header .header-sister>span:first-child{display:none}}
@media(max-width:359px){.site-header .brand{gap:5px}.site-header .brand strong{font-size:19px}.site-header .brand img{width:32px;height:32px}.site-header .navbar{gap:6px}.site-header .header-sister-logo{width:32px}.site-header .header-professional{padding:6px}}