/* Hide Google's own translate banner/toolbar; we drive the UI ourselves. Google renames the banner's own CSS classes between releases (it used to be .goog-te-banner-frame; current builds use obfuscated names like "VIpgJd-ZVi9od-ORHb-OEVmcd"), so instead of chasing those we target the one thing that has stayed stable for years: every UI element Google injects - the banner, its wrapper, and its tooltips - is added as a direct child of and tagged with the "skiptranslate" class. Real page content is never a direct child of with that class, so this is safe. (Belt-and-suspenders: the frontend JS also force-hides this in case Google re-applies inline styles after this stylesheet loads.) */ body > .skiptranslate, .goog-te-banner-frame, iframe.goog-te-banner-frame, #goog-gt-tt, .goog-tooltip, .goog-tooltip:hover, .goog-text-highlight { display: none !important; visibility: hidden !important; height: 0 !important; background: none !important; box-shadow: none !important; } html, body { top: 0 !important; } #google_translate_element { display: none !important; } /* Language switcher shortcode */ .tdg-ls-switcher { display: inline-flex; gap: 0.75em; align-items: center; list-style: none; margin: 0; padding: 0; } .tdg-ls-switcher li { margin: 0; } .tdg-ls-switcher a { text-decoration: none; } .tdg-ls-switcher a.is-active { font-weight: 700; text-decoration: underline; } .tdg-ls-switcher-select { padding: 0.25em 0.5em; }