/* Shared language control: native select supports touch, keyboards and AT. */
.language-control { display:flex; align-items:center; gap:.35rem; flex:0 1 auto; min-inline-size:0; color:#b9c8dc; }
.language-control > span[aria-hidden] { font-size:1.3rem; color:#46d9ed; }
.language-control select { font:inherit; font-size:14px; color:inherit; background:#111c2c; border:1px solid #34435b; border-radius:9px; min-block-size:44px; min-inline-size:0; max-inline-size:145px; padding:.4rem .45rem; cursor:pointer; }
.language-control select:focus-visible { outline:2px solid #46d9ed; outline-offset:3px; }
.language-control option { background:#111c2c; color:#e4edf7; }
.site-header { column-gap:clamp(.4rem,1.5vw,1.4rem); }
.desktop-nav { flex-wrap:wrap; gap:.8rem; }
.desktop-nav a, .header-launch { white-space:normal; }
.app-header .language-control { margin-inline-start:auto; }
.app-header .language-control select { max-inline-size:115px; }
.sr-only { position:absolute; inline-size:1px; block-size:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
html:not([lang="en"]) .workspace-nav a { min-inline-size:0; overflow-wrap:anywhere; }
html:not([lang="en"]) .workspace-nav a span { white-space:normal; }
html:not([lang="en"]) .tool-button, html:not([lang="en"]) .action-button { white-space:normal; height:auto; min-block-size:44px; overflow-wrap:anywhere; }
html:not([lang="en"]) .terminal-top { flex-wrap:wrap; }
html:not([lang="en"]) .terminal-top .terminal-state { margin-inline-start:auto; }
@media (max-width:1100px) { .site-header .desktop-nav { display:none; } .site-header .mobile-menu { display:block; } }
@media (max-width:700px) {
  .site-header .language-control { margin-inline-start:auto; }
  .language-control select { max-inline-size:115px; }
  .app-header { gap:.45rem; }
  .app-header .app-brand span { font-size:clamp(12px,3.7vw,19px); }
  .app-header .language-control select { max-inline-size:100px; font-size:13px; }
  .language-control > span[aria-hidden] { display:none; }
}
@media (max-width:360px) { .site-header .brand span { font-size:14px; } .site-header .brand img { inline-size:32px; block-size:32px; } }
[dir="rtl"] pre, [dir="rtl"] code, [dir="rtl"] textarea#source-editor, [dir="rtl"] .terminal-screen { direction:ltr; text-align:left; }

html[lang="en"] .translation-notice { display:none; }
.translation-notice { border-inline-start:3px solid #46d9ed; padding:.75rem 1rem; color:#b9c8dc; }
@media (min-width:901px) and (max-width:1100px) {
  .site-header .header-launch { display:none; }
  .site-header .language-control { margin-inline-start:auto; }
  .mobile-menu summary { list-style:none; inline-size:44px; block-size:44px; display:grid; place-items:center; cursor:pointer; border:1px solid #2a3345; border-radius:8px; }
  .mobile-menu summary::-webkit-details-marker { display:none; }
  .menu-icon,.menu-icon:before { inline-size:17px; block-size:1px; background:#c5d4e7; display:block; content:""; }
  .menu-icon:before { transform:translateY(6px); }
  .menu-icon { transform:translateY(-3px); }
  .mobile-menu nav { position:absolute; top:77px; inset-inline:20px; z-index:10; border:1px solid #344159; border-radius:10px; background:#111827; box-shadow:0 22px 40px #0009; padding:12px; display:grid; }
  .mobile-menu nav a { padding:14px; border-radius:5px; font-size:14px; }
}