/* Saphan — language switch (FR · EN · DE) at the end of the main navigation; graphite tokens, 10 px corners. */
.header nav .langues{display:inline-flex;align-items:center;gap:2px;padding:2px;border:1px solid var(--filet-fort);border-radius:10px;font-size:12px;font-weight:600;letter-spacing:.08em;white-space:nowrap}
.header nav .langues a{padding:7px 9px;border-radius:8px;line-height:1;color:var(--doux);text-decoration:none;box-shadow:none}
.header nav .langues a:hover{color:var(--texte)}
.header nav .langues a[aria-current]{background:var(--accent);color:var(--sur-accent);box-shadow:none}
@media(max-width:1200px){.header nav .langues{align-self:flex-start;margin:8px 0 4px 12px}.header nav .langues a{padding:10px 13px}}
/* The German menu, and the English one below 1440 px, are longer than the French: graphite's own compact header values
   (its 1100 px step) keep them on one line, without horizontal scroll. The French header stays as it is. */
@media(min-width:1201px){html[lang="de-CH"] .header{gap:24px}html[lang="de-CH"] .brand{flex-basis:205px}html[lang="de-CH"] .brand img,html[lang="de-CH"] .brand>svg{width:205px}html[lang="de-CH"] .header nav{gap:18px;font-size:13px}html[lang="de-CH"] .header .nav-contact{padding:11px 16px;font-size:13px}}
@media(min-width:1201px) and (max-width:1439px){html[lang="en"] .header{gap:24px}html[lang="en"] .brand{flex-basis:205px}html[lang="en"] .brand img,html[lang="en"] .brand>svg{width:205px}html[lang="en"] .header nav{gap:18px;font-size:13px}html[lang="en"] .header .nav-contact{padding:11px 16px;font-size:13px}}
@media(min-width:1201px) and (max-width:1375px){html:not([lang="fr"]) .header{padding-inline:32px}}