.ut-lang,
            .ut-select {
                position: relative;
            }

            .ut-lang-toggle .ut-select-toggle {
                height: 34px;
                padding: 0 10px;
                border-radius: 999px;
                border: none;
                background: #fff;
                font-size: 13px;
                color: #444;
                display: inline-flex;
                align-items: center;
                gap: 6px;
                text-decoration: none;
            }

            .ut-lang-toggle:focus,
            ..ut-select-toggle:focus {
                outline: none;
                box-shadow: none;
            }

            .ut-lang-toggle::after,
            .ut-select-toggle::after {
                content: "▼";
                font-size: 9px;
                color: #666;
                margin-left: 4px;
            }

            /* override Bootstrap dropdown-menu */
            .ut-lang-menu,
            .ut-select-menu {
                min-width: 180px;
                max-height: 260px;
                overflow-y: auto;
                border-radius: 8px;
                border: 1px solid var(--border);
                font-size: 13px;
            }

            .ut-lang-item,
            .ut-select-item {
                padding: 6px 14px;
                color: #444;
            }

            .ut-lang-item:hover,
            .ut-select-item:hover {
                background: #f6f6f6;
                color: #000;
            }

            .ut-lang-item.active,
            .ut-select-item.active {
                background: #e9ecef;
                color: #000;
                font-weight: 500;
            }


            /* Utility bar */
            .utility-bar {
                background: #fff;
                border-bottom: 1px solid var(--border);
                font-size: 13px
            }

            .utility-inner {
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 12px;
                padding: 10px 0
            }

            .utility-left {
                color: var(--muted)
            }

            .utility-right {
                display: flex;
                gap: 14px;
                align-items: center;
                flex-wrap: wrap
            }

            .utility-right a {
                color: var(--muted)
            }

            .utility-right a:hover {
                color: #000
            }

            .utility-pill {
                padding: 6px 12px;
                border-radius: 999px;
                border: 1px solid var(--border);
                background: #fff;
                font-size: 13px;
                color: #444;
                cursor: pointer
            }

            @@media(max-width:688px) {
                .ut-article-desktop {
                    display: none;
                }
            }

            @@media(max-width:538px) {
                .utility-inner {
                    flex-direction: column;
                }
            }