/* Lisibilité de l’identité et navigation commune ; ordre des liens préservé. */
.topline{font-size:.82rem;letter-spacing:.12em;gap:20px;align-items:center}
header nav a,header nav .button.small{font-size:1.05rem}
header nav{gap:20px}
@media(min-width:901px) and (max-width:1300px){header{padding-left:3%;padding-right:3%}.brand{width:85px}header nav{gap:13px}header nav a,header nav .button.small{font-size:1.05rem}header nav .button.small{padding:12px}}
@media(max-width:1360px){header{flex-wrap:wrap}.menu-toggle{display:flex;align-items:center;gap:16px;border:1px solid var(--teal);background:transparent;color:var(--teal);padding:10px 15px;font-family:var(--body)}header nav{display:none;width:100%;padding:20px 0;gap:0;align-items:stretch}header nav.open{display:flex;flex-direction:column}header nav a{padding:18px 0;border-top:1px solid rgba(31,89,92,.2)}header nav .button{margin-top:15px}}
@media(max-width:900px){.topline{flex-direction:column;gap:3px;text-align:center}.topline span{display:block;font-size:.65rem;letter-spacing:.08em}header nav a,header nav .button.small{font-size:1.1rem}}

/* Sept rubriques : menu replié sur les écrans intermédiaires. */
@media(min-width:1361px){header{gap:32px}header nav{gap:32px}header nav a,header nav .button.small{font-size:1.05rem;white-space:nowrap}}

/* Menu agrandi aussi sur les tablettes et écrans intermédiaires. */
@media(max-width:1360px){header nav a,header nav .button.small{font-size:1.1rem}.menu-toggle{font-size:1rem}}
