/* Endonyms and a nonmodal invitation keep the language choice with the visitor. */
.language-control { position:relative; flex-shrink:0; font:12px/1.5 "Inter","Segoe UI",Arial,sans-serif; color:inherit; z-index:40; margin:0 }
.language-control>summary { display:flex; align-items:center; justify-content:center; gap:8px; min-width:72px; min-height:44px; cursor:pointer; list-style:none; padding:8px; border:1px solid transparent; border-radius:4px; color:inherit; background:none }
.language-control>summary::-webkit-details-marker { display:none }
.language-control>summary:hover,.language-control[open]>summary { border-color:currentColor }
.language-control>summary>svg { flex-shrink:0 }
.language-control>nav { position:absolute; top:calc(100% + 8px); right:0; min-width:240px; max-width:calc(100vw - 32px); padding:8px; background:#f6f6f0; color:#182d24; border:1px solid #aabcae; box-shadow:0 12px 30px #05141122; text-align:left; z-index:90; display:block }
.language-control>nav>a { display:flex; align-items:center; flex-wrap:wrap; gap:5px 10px; min-height:44px; padding:10px 12px; font-size:13px; line-height:1.5; color:#203d2e; text-decoration:none; border:0; background:none; margin:0 }
.language-control>nav>a:hover,.language-control>nav>a[aria-current] { background:#dce9da; color:#142e21 }
.language-control>nav>a>small { font-size:10px; color:#4c634d }
.language-control>nav>a>span { margin-left:auto }
.language-control a:focus-visible,.language-control summary:focus-visible,.language-suggestion a:focus-visible,.language-suggestion button:focus-visible { outline:2px solid #347858; outline-offset:3px }
.site-header>.language-control { order:3 }
.site-header>.site-brand { order:1 }
.site-header>.site-navigation { order:2; margin-left:auto }
.site-header>.menu-toggle { order:4 }
.language-standalone { position:absolute; top:16px; right:22px; color:var(--text,#182d24); z-index:40 }
body:has(.workspace-topbar)>.language-standalone,body:has(.surface-topbar)>.language-standalone { display:none }
.topbar>.language-control { margin-left:12px; color:var(--text,#182d24) }
.topbar>.language-control>summary { min-width:66px; font-size:11px }
.account-language { display:none }
.language-suggestion { position:fixed; right:24px; bottom:24px; width:390px; max-width:calc(100vw - 32px); padding:24px 38px 22px 24px; background:#f6f6f0; color:#173628; border:1px solid #9fb6a4; box-shadow:0 12px 45px #081d2733; z-index:45; font:13px/1.65 "Inter","Segoe UI",Arial,sans-serif }
.language-suggestion[hidden],.language-suggestion [hidden] { display:none!important }
.language-suggestion p { font-size:15px; font-weight:500; line-height:1.5; margin:0 0 18px; padding:0; color:#173628 }
.language-suggestion>div>div { display:flex; align-items:center; flex-wrap:wrap; gap:12px 18px }
.language-suggestion a { display:inline-flex; align-items:center; justify-content:space-between; gap:14px; min-height:44px; padding:10px 14px; background:#14362b; color:#f6f6f0; text-decoration:none; font:500 12px/1.5 "Inter","Segoe UI",Arial,sans-serif; border:1px solid #14362b; border-radius:0 }
.language-suggestion a:hover { background:#28523e }
.language-suggestion button { background:none; border:0; color:#3b5b48; font:12px/1.5 "Inter","Segoe UI",Arial,sans-serif; min-height:44px; padding:4px 0; cursor:pointer; border-radius:0; box-shadow:none }
.language-suggestion button:hover { text-decoration:underline }
.language-suggestion button.language-dismiss { position:absolute; right:3px; top:2px; width:40px; min-height:40px; padding:6px; font-size:23px; font-weight:300; color:#49644f }
@media(max-width:1200px) and (min-width:761px) {
  .site-header { gap:14px; padding-left:24px; padding-right:24px }
  .site-navigation { gap:14px }
  .site-navigation .nav-signin { margin-left:6px; gap:8px }
  .site-navigation .button { padding:11px 12px; gap:10px }
}
@media(max-width:1050px) {
  .site-header { height:auto; min-height:76px; padding:20px 24px; flex-wrap:wrap; gap:0 }
  .documentation-page .site-header { height:auto }
  .site-header>.language-control { order:2; margin-left:auto; margin-right:44px }
  .site-header>.site-navigation { order:4; width:100%; flex-direction:column; align-items:stretch; gap:0; padding:20px 0 4px; margin-left:0 }
  .site-navigation>a { padding:12px 3px; font-size:13px; min-height:44px }
  .site-navigation .nav-signin { margin-top:8px; margin-left:0; border-top:1px solid #ffffff25; padding-top:16px }
  .site-navigation .button { margin-top:14px; font-size:13px; justify-content:center }
  .navigation-ready .site-header>.menu-toggle { display:block; position:absolute; right:18px; top:20px }
  .navigation-ready .site-navigation { display:none }
  .navigation-ready .site-navigation.is-open { display:flex }
  .site-header>.language-control>nav { right:-38px }
}
@media(max-width:760px) {
  .site-header { padding-top:16px; padding-bottom:16px }
  .navigation-ready .site-header>.menu-toggle { top:16px }
  .language-control>summary { min-width:65px; gap:6px }
  .language-suggestion { right:16px; bottom:16px; padding:20px 36px 20px 20px }
  .language-suggestion p { font-size:14px }
  .topbar>.language-control { margin-left:6px }
  .language-standalone { top:12px; right:14px }
}
@media print { .language-control,.language-suggestion,.language-standalone { display:none!important } }
@media(max-width:600px) {
  body.canvas .workspace-topbar { gap:4px; padding-right:8px; padding-left:8px }
  .workspace-topbar>.language-control { margin-left:0 }
  .workspace-topbar>.language-control>summary { min-width:44px; width:44px; gap:4px; padding:8px 2px }
  .workspace-topbar>.language-control>summary>svg { display:none }
  .workspace-nav a { padding-right:4px; padding-left:4px }
}
@media(max-width:420px) {
  .workspace-topbar>.language-control { display:none }
  .account-language { display:block; margin-top:12px; border-top:1px solid var(--line); padding-top:8px }
  .account-language .language-control>summary { justify-content:flex-start; width:100%; min-height:44px }
  .account-language .language-control>nav { position:static; min-width:0; width:100%; box-shadow:none; margin-top:4px }
}
