/* Shared language control inherits the host surface's type and colors. */
[data-locale-switcher] { position: relative; flex: 0 0 auto; font: inherit; font-size: 14px; }
[data-locale-switcher] > summary { display: flex; align-items: center; min-height: 40px; padding: 8px; cursor: pointer; list-style: none; white-space: nowrap; }
[data-locale-switcher] > summary::-webkit-details-marker { display: none; }
[data-locale-switcher] > nav { position: absolute; inset-inline-end: 0; top: 100%; z-index: 130; display: flex; flex-direction: column; min-width: 140px; padding: 4px; background: #fff; color: #0d1624; border: 1px solid #d9dfe8; border-radius: 12px; box-shadow: 0 8px 24px #0d16241a; }
[data-locale-switcher] > nav > a { display: flex; align-items: center; min-height: 44px; padding: 8px 12px; border-radius: 8px; color: inherit; text-decoration: none; white-space: nowrap; }
[data-locale-switcher] > nav > a:hover, [data-locale-switcher] > nav > a[aria-current] { background: #f0f4fb; }
[data-locale-switcher] > nav > a[aria-current] { font-weight: 650; }
[data-locale-switcher] :focus-visible { outline: 2px solid #255ff4; outline-offset: 2px; }