.teacher-credit{display:inline-flex;margin:0 0 14px 12px;padding:5px 11px;border:1px solid #315747;border-radius:999px;color:#ade3be;background:#172d24;font-size:13px;font-weight:650;letter-spacing:.04em}.language-switch{display:flex;gap:10px;margin:0 0 24px;flex-wrap:wrap}.language-option{display:flex;align-items:center;gap:12px;min-width:210px;padding:13px 20px;border:1px solid var(--border,#303744);border-radius:12px;color:var(--muted,#a9b3c2);background:var(--panel,#171e29);text-decoration:none;font-weight:650}.language-option small{display:block;margin-top:3px;font-weight:400;font-size:12px;color:var(--muted,#a9b3c2)}.language-option.selected{border-color:#83c99c;background:#20332c;color:#c6efcf;box-shadow:inset 0 0 0 1px #83c99c33}.language-option:focus-visible{outline:3px solid #a6d6ff;outline-offset:3px}.java-dot{background:#f0a272!important}.sql-dot{background:#8cb5ec!important}.runner-disclaimer a{color:inherit;text-decoration:underline}.topbar-inner{gap:14px}#primary-navigation .nav-link{white-space:nowrap}@media(max-width:600px){.teacher-credit{margin-left:0;margin-right:12px}.language-switch{gap:8px}.language-option{flex:1;min-width:0;padding:12px 14px;gap:8px}.language-option small{font-size:11px}}@media(min-width:1101px) and (max-width:1500px){#primary-navigation .nav-link{font-size:12px;padding-left:7px;padding-right:7px}.topbar-inner{gap:10px}}

.ui-language-form{display:flex;align-items:center;gap:.35rem;margin:0}.ui-language-form select{font:inherit;font-size:.78rem;border:1px solid var(--border,#d9e1dc);background:var(--raised,#222629);color:var(--text,#edf0ed);color-scheme:dark;border-radius:8px;padding:.35rem .4rem;max-width:100px}.ui-language-form select option{background:var(--raised,#222629);color:var(--text,#edf0ed)}.ui-language-form .quiet-button{font-size:.78rem;white-space:nowrap}@media(max-width:600px){.ui-language-form{gap:.2rem}.ui-language-form select{max-width:85px}.ui-language-form .quiet-button{padding:.2rem}}

/* Keep both language controls and the navigation button reachable on phones. */
@media(max-width:540px){.topbar{height:auto}.topbar-inner{height:auto;min-height:70px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px;gap:8px}.topbar .brand{flex:1;min-width:0}.topbar .account-area{display:contents}.topbar .ui-language-form{order:3;flex-basis:100%;justify-content:flex-end}.topbar .nav-toggle{order:1}}