/* Native flow disclosure: no overlay, script, duplicate locale registry or hidden hrefs.
   Keep styles scoped so accepted hero/card/media and quote layouts retain ownership. */
.locale-navigation-shell { width: min(100%, 1120px); margin-inline: auto; padding: 8px 16px; box-sizing: border-box; }
.locale-navigation { color: #171916; font-family: var(--font-body, sans-serif); font-size: 15px; line-height: 1.35; }
.locale-navigation > summary { width: fit-content; max-width: 100%; min-height: 44px; margin-inline-start: auto; padding: 10px 14px; box-sizing: border-box; border: 1px solid #77766d; border-radius: 4px; background: #fafaf8; cursor: pointer; overflow-wrap: anywhere; }
.locale-navigation > summary::marker { color: #635019; }
.locale-navigation > summary bdi { margin-inline-start: 8px; font-weight: 700; }
.locale-navigation[open] > summary { background: #eeeadd; }
.locale-navigation nav { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(160px, 100%), 1fr)); gap: 4px; margin-block-start: 8px; padding: 8px; border: 1px solid #77766d; border-radius: 4px; background: #fafaf8; }
.locale-navigation a { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-width: 0; min-height: 44px; padding: 8px 12px; box-sizing: border-box; border-radius: 2px; color: #171916; text-decoration: none; overflow-wrap: anywhere; }
.locale-navigation a[aria-current="page"] { background: #e6dfc8; font-weight: 700; }
.locale-navigation :is(summary,a):focus-visible { outline: 3px solid #635019; outline-offset: 2px; }
@media (hover: hover) { .locale-navigation a:hover { background: #eeeadd; text-decoration: underline; } }
@media (max-width: 480px) { .locale-navigation-shell { padding-inline: 12px; } .locale-navigation nav { grid-template-columns: repeat(2, minmax(0, 1fr)); } }