/* STELLYX OFFICIEL 01 — contrôles langue / thème, indépendants du contenu et des thèmes */
.site-preferences{display:flex;align-items:center;gap:8px;margin-left:auto;white-space:nowrap}
.language-switch,.theme-switch{display:inline-flex;align-items:center;gap:5px;font-size:11px;line-height:1;font-weight:650;letter-spacing:.05em}
.language-switch{padding:7px 8px;border:1px solid currentColor;border-radius:8px;opacity:.88}
.language-switch a{padding:2px 1px;text-decoration:none}
.language-switch a[aria-current="true"]{text-decoration:underline;text-underline-offset:3px}
.theme-switch{appearance:none;border:1px solid currentColor;background:transparent;color:inherit;border-radius:8px;padding:8px 9px;cursor:pointer}
.theme-switch:hover,.theme-switch:focus-visible{outline:none;box-shadow:0 0 0 2px rgba(67,142,246,.26)}
.site-header .site-preferences{color:var(--navy,#173f6b)}
html[data-theme="1"] .site-header .site-preferences{color:#fff}
.styles-page .style-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px}
.styles-page .style-card{border:1px solid currentColor;border-radius:12px;padding:22px;background:rgba(255,255,255,.04)}
.styles-page .style-card h2{margin-bottom:8px}
.styles-page .style-card p{margin-bottom:16px}
@media(max-width:1050px){.nav-shell{gap:12px}.site-preferences{order:2}.menu-toggle{order:3}.site-header nav{order:4}}
@media(max-width:900px){.nav-shell{flex-wrap:wrap;height:auto;min-height:70px;padding-block:10px}.site-preferences{margin-left:auto}.site-header nav{width:100%}.styles-page .style-grid{grid-template-columns:1fr}}
@media(max-width:520px){.language-switch,.theme-switch{font-size:10px}.language-switch{padding:6px}.theme-switch{padding:7px}.brand small{display:none}}

.styles-back{margin-top:28px}