/* Navigation définitive : offre principale et accès à l’administration. */
html{scroll-padding-top:144px}
.site-header{top:0}
.site-header .nav-inner{column-gap:clamp(.75rem,2vw,1.75rem);height:auto;min-height:124px;padding-block:18px}
.site-header .desktop-nav{gap:20px}
.site-header .desktop-nav a{white-space:nowrap}
.site-header nav a[aria-current="page"]{color:var(--ink);text-decoration:underline;text-decoration-color:var(--ink);text-underline-offset:7px;text-decoration-thickness:1px}
.nav-actions{display:flex;align-items:center;gap:22px;flex-shrink:0}
.nav-login{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:44px;padding:5px 4px;border:0;background:transparent;color:var(--ink);font-size:.9375rem;font-weight:500;line-height:1.35}
.nav-login:hover{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.site-header .nav-cta{white-space:nowrap}
@media(max-width:1280px){
  .site-header .desktop-nav{display:none}
  .site-header .nav-actions{margin-left:auto}
  .site-header .nav-cta{margin-left:0}
  .site-header .menu-toggle{display:flex;flex-direction:column;gap:6px;justify-content:center;align-items:center;flex-shrink:0;width:44px;height:44px;padding:6px;border:0;background:none;margin-left:0}
  .site-header .menu-toggle span{display:block;width:22px;height:1.5px;background:var(--ink);transition:transform .2s}
  .site-header .menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3.75px) rotate(45deg)}
  .site-header .menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3.75px) rotate(-45deg)}
  .site-header .mobile-nav:not([hidden]){display:flex;flex-direction:column;padding:12px 36px 24px;border-top:1px solid var(--line)}
  .site-header .mobile-nav a{padding:12px 0;font-size:1rem;line-height:1.5}
}
@media(max-width:640px){
  html{scroll-padding-top:130px}
  .site-header .nav-inner{min-height:110px;padding-block:14px;gap:12px}
  .site-header .brand{width:auto;min-width:0;flex-shrink:1}
  .site-header .nav-actions{gap:0}
  .site-header .nav-login{font-size:.875rem;padding-inline:2px}
  .site-header .nav-cta{display:none}
  .site-header .menu-toggle{margin-left:0}
  .site-header .mobile-nav:not([hidden]){padding-inline:20px}
}
@media(max-width:390px){
  .site-header .nav-inner{gap:8px}
  .site-header .brand .wordmark{font-size:2.9rem}
  .site-header .brand .baseline{font-size:1rem;margin-right:4px}
}