/* Compact mobile navigation; desktop keeps the existing five-link bar. */
.header .header-tools{display:flex;align-items:center;justify-content:center;gap:12px;grid-column:4;grid-row:1}
.mobile-menu-toggle[hidden]{display:none!important}
.mobile-menu-toggle{gap:10px;white-space:nowrap}
.mobile-menu-icon{display:block;width:18px;height:16px;position:relative;flex:none}
.mobile-menu-icon::before,.mobile-menu-icon::after{content:"";position:absolute;left:0;right:0;height:2px;background:currentColor;border-radius:2px;transition:top .18s ease,transform .18s ease}
.mobile-menu-icon::before{top:4px}
.mobile-menu-icon::after{top:10px}
.mobile-menu-toggle[aria-expanded=true] .mobile-menu-icon::before{top:7px;transform:rotate(45deg)}
.mobile-menu-toggle[aria-expanded=true] .mobile-menu-icon::after{top:7px;transform:rotate(-45deg)}
:root body .mobile-menu-toggle[aria-expanded=true]{background:var(--soft-control);box-shadow:var(--soft-pressed)}
@media(max-width:1300px){.header .header-tools{grid-column:3}}
@media(max-width:700px){
 .header .header-tools{grid-column:1/-1;grid-row:3;justify-self:center}
 .header[data-mobile-navigation] .header-inner{position:relative;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px}
 .header[data-mobile-navigation] .header-tools{grid-row:2}
 .header[data-mobile-navigation] .brand-logo{width:clamp(104px,31vw,144px);height:44px}
 :root body .header .header-tools .language-switch a{min-width:40px;min-height:40px;padding:8px}
 :root body .header .mobile-menu-toggle{display:flex;align-items:center;justify-content:center;min-height:40px;padding:8px 16px;--control-text:14px}
 :root body .header[data-mobile-navigation] .primary-navigation{
  position:absolute;inset:calc(100% + 12px) 0 auto;z-index:10;
  display:grid;grid-template-columns:minmax(0,1fr);gap:6px;
  width:100%;max-width:none;padding:10px;margin:0;grid-column:auto;grid-row:auto;
  max-height:calc(100dvh - var(--header,116px) - 32px);overflow-y:auto;
  background:#e9edef;box-shadow:0 14px 34px #18395829,inset 1px 1px 1px #fff;
  border:1px solid #ffffffb3;border-radius:18px;
  opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px);
  transition:opacity .18s ease,transform .18s ease,visibility .18s;
 }
 :root body .header[data-menu-open=true] .primary-navigation{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
 :root body .header[data-mobile-navigation] .primary-navigation>a{display:flex;align-items:center;justify-content:center;grid-column:auto;min-height:44px;padding:10px 14px;text-align:center;--control-text:15px}

 /* Equal side space keeps the label centred even with a chevron on the right. */
 :root body main :is(.button,.journey-stops button,.journey-back,.journey-next,.brief-mode-switch button,.support-trigger){display:flex;align-items:center;justify-content:center;text-align:center}
 :root body main :is(.service-item>button,.profession-choice,.disclosure>summary,.catalog>summary){position:relative;display:flex;align-items:center;justify-content:center;text-align:center;padding-inline:42px}
 :root body main :is(.service-item>button,.profession-choice,.disclosure>summary,.catalog>summary) .disclosure-chevron{position:absolute;right:14px;top:50%;margin-top:-10px;width:20px;height:20px;flex:none}
 .services .service-menu{grid-template-columns:minmax(0,1fr)}
 :root body .services .service-menu .service-item>button{padding-inline:42px;justify-content:center;text-align:center}
 :root body .services .service-menu .service-item>button .service-button-label{align-items:center;text-align:center;width:100%}
 :root body .employee-support .support-trigger{align-items:center;justify-content:center;text-align:center;flex-direction:column;padding-inline:10px}
 .hero-actions,.service-actions{justify-content:center}
 .social-list{justify-content:center}
 :root body main :is(.company-consultation,.jobseeker-intro>.button,.service-end>.button,.brief-form>.button){width:100%;max-width:360px;margin-inline:auto;justify-self:center}
 :root body .journey .journey-nav-row{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
 :root body .journey :is(.journey-back,.journey-next){width:100%;padding-inline:12px}
 :root body .contact-trigger{align-items:center;justify-content:center;text-align:center}
}
@media(prefers-reduced-motion:reduce){.mobile-menu-icon::before,.mobile-menu-icon::after,:root body .header[data-mobile-navigation] .primary-navigation{transition:none}}
@media(forced-colors:active){:root body .header[data-mobile-navigation] .primary-navigation{background:Canvas;border:1px solid CanvasText;box-shadow:none}}