/* Compact native language menu; keep the brand and personal controls separate. */
.topbar .locale-menu{position:relative;flex:0 0 auto;min-width:0;margin:0;padding:0;border:0;background:transparent;z-index:45;color:#fff9ee}
.topbar .locale-menu>summary{display:flex;align-items:center;justify-content:center;gap:8px;min-width:56px;min-height:44px;padding:8px 10px;box-sizing:border-box;border:1px solid #66717a;border-radius:8px;background:#2b3a46;color:#fff9ee;font:inherit;font-size:14px;font-weight:700;line-height:1.2;list-style:none;cursor:pointer;white-space:nowrap}
.topbar .locale-menu>summary::-webkit-details-marker{display:none}
.topbar .locale-menu>summary:after{content:'';width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-top:-3px;flex-shrink:0}
.topbar .locale-menu[open]>summary{border-color:#e1c393;color:#e1c393}
.topbar .locale-menu>:is(#interface-language,.locale-switch){position:absolute;inset:auto 0 auto auto;top:calc(100% + 8px);display:flex;flex-direction:column;align-items:stretch;width:180px;max-width:calc(100vw - 32px);padding:6px;margin:0;gap:2px;border:1px solid #66717a;border-radius:10px;background:#202d3b;box-shadow:0 12px 32px #0004;overflow:hidden}
.topbar .locale-menu>:is(#interface-language,.locale-switch)>a{display:block;min-width:0;min-height:44px;width:100%;padding:10px 12px;border:0;border-radius:5px;box-sizing:border-box;line-height:1.5;white-space:normal;color:#fff9ee;text-align:start;text-decoration:none;font-size:14px}
.topbar .locale-menu>:is(#interface-language,.locale-switch)>a:hover,.topbar .locale-menu>:is(#interface-language,.locale-switch)>a[aria-current=true]{color:#202d3b;background:#e1c393}
.topbar .locale-menu :focus-visible{outline:2px solid #e1c393;outline-offset:3px}
/* One control group: it wraps with the wordmark only when space is exhausted. */
.topbar .header-tools{display:flex;align-items:center;gap:6px;grid-column:3;grid-row:1;min-width:max-content}
.topbar .header-tools .header-actions{display:flex;flex-wrap:nowrap;align-items:center;gap:8px;margin:0;order:initial}
.topbar .site-nav>a,.topbar .desktop-about>summary{display:inline-flex;align-items:center;box-sizing:border-box;min-height:44px;line-height:1.35;padding:2px 0;gap:5px}
@media(min-width:651px) and (max-width:1299px){.topbar .header-tools{grid-column:2;grid-row:1;justify-self:end}}
@media(max-width:650px){
 body>.topbar,.has-mobile-menu body>.topbar{display:flex!important;position:relative;z-index:40;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 6px;padding:10px 16px;min-height:66px}
 .topbar .brand-lockup,.topbar>.brand{flex:1 0 auto!important;min-width:max-content!important;order:0!important}
 .topbar .brand{font-size:clamp(18px,5.5vw,24px)!important;white-space:nowrap;letter-spacing:-.8px}
 .topbar .header-tools{flex:0 0 auto;gap:6px;order:1!important}
 .topbar .header-tools .header-actions{flex-wrap:nowrap;gap:4px;width:auto;max-width:none;justify-content:flex-end}
 .topbar .header-actions .personal-shortcut,.topbar .header-actions .theme-toggle{width:44px;min-width:44px;height:44px;min-height:44px;padding:0;order:initial}
 .topbar .header-actions .personal-shortcut span{display:none}
 .topbar .header-actions .locale-menu{order:initial}
 .topbar .locale-menu{position:static}
 .topbar .locale-menu>summary{width:auto;min-width:48px;min-height:44px;padding:6px;gap:5px;font-size:13px}
 .has-mobile-menu .topbar .mobile-menu-toggle{width:44px;min-width:44px;min-height:44px;padding:0;flex:0 0 44px;order:initial}
 .topbar .site-nav,.has-mobile-menu .topbar #mobile-site-nav{order:2!important;flex:0 0 100%;width:100%;margin:0;gap:0;padding-top:8px}
 .topbar .site-nav>a{min-height:44px;padding:8px 0;white-space:normal}
 .topbar .locale-menu>:is(#interface-language,.locale-switch){left:auto;right:12px;top:calc(100% + 4px);max-width:calc(100vw - 24px)}
}
@media(max-width:420px){body>.topbar,.has-mobile-menu body>.topbar{padding:10px 12px}}