/* Hide Google top banner */
        .goog-te-banner-frame.skiptranslate { display: none !important; }
        body { top: 0 !important; }

        /* Floating selector */
        #gt_float {
            position: fixed;
            right: 12px;
            bottom: 12px;
            z-index: 9999;
            border-radius: 12px;
            overflow: hidden;
            background: #fff;
            box-shadow: 0 6px 18px rgba(0,0,0,.12);
        }
        #gt_float .gt-inner {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 8px 10px;
            white-space: nowrap;
        }
        #gt_float .gt-label {
            font-size: 12px;
            opacity: .8;
        }
        #gt_float select {
            font-size: 12px;
            padding: 4px 8px;
            border-radius: 10px;
            border: 1px solid rgba(0,0,0,.15);
            outline: none;
        }
		#header nav li {
			max-width: 10%;
			height: 100%;
		}
		#header .nav-menu li a {white-space: pre-wrap;}
		/*
		 * The legacy Vue compiler collapsed indentation inside the member menu.
		 * The native-DOM header keeps that whitespace, so pre-wrap turns template
		 * indentation into several visible blank lines. Keep the general navigation
		 * rule, but make member links compact in both guest and signed-in states.
		 */
		#header #nav-menu-container .nav-menu li.member a,
		#header #nav-menu-container .nav-menu li.member a span {
			white-space: nowrap !important;
		}
		#header .dropdown .dropdown-menu li{max-width: unset;}
        /* Hide the default Google widget (we use our own UI) */
        #google_translate_element { display: none; }