.topbar {
    background: rgba(246, 251, 253, 0.97);
    border-bottom-color: rgba(12, 34, 53, 0.08);
    box-shadow: 0 2px 20px rgba(12, 34, 53, 0.05);
}

.topbar::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 3px;
    background: linear-gradient(90deg, var(--lcd-sky), var(--lcd-lime), var(--lcd-orange));
    opacity: 0.95;
    pointer-events: none;
}

.topbar.is-scrolled,
.topbar.nav-is-open {
    background: rgba(246, 251, 253, 0.98);
    border-bottom-color: rgba(12, 34, 53, 0.1);
    box-shadow: 0 8px 28px rgba(12, 34, 53, 0.12);
}

@media (min-width: 901px) {
    .topbar,
    .topbar.is-scrolled,
    .topbar.nav-is-open {
        backdrop-filter: blur(18px);
        -webkit-backdrop-filter: blur(18px);
    }
}

.topbar__brand,
.topbar.is-scrolled .topbar__brand,
.topbar.nav-is-open .topbar__brand {
    color: var(--lcd-ink);
}

.topbar__brand img {
    height: 56px;
}

.topbar nav a,
.topbar.is-scrolled nav a,
.topbar.nav-is-open nav a {
    color: var(--lcd-text);
    font-weight: 700;
}

.topbar nav a:hover,
.topbar nav a:focus-visible,
.topbar.is-scrolled nav a:hover,
.topbar.nav-is-open nav a:hover {
    color: var(--lcd-sky-dark);
    background: var(--lcd-sky-pale);
}

.topbar nav a.active,
.topbar.is-scrolled nav a.active,
.topbar.nav-is-open nav a.active {
    color: var(--lcd-orange-dark);
    background: rgba(212, 82, 26, 0.1);
}

.topbar__toggle,
.topbar.is-scrolled .topbar__toggle,
.topbar.nav-is-open .topbar__toggle {
    color: var(--lcd-ink);
}

.topbar nav .topbar__locale-toggle {
    margin-left: 0.4rem;
}

.topbar nav .topbar__locale-option {
    border-color: rgba(12, 34, 53, 0.12);
    background: rgba(255, 255, 255, 0.78);
}

.topbar nav .topbar__locale-option:hover,
.topbar nav .topbar__locale-option:focus-visible,
.topbar nav .topbar__locale-option[aria-pressed="true"],
.topbar nav .topbar__locale-option[aria-current="page"] {
    background: var(--lcd-ink);
    border-color: var(--lcd-ink);
}

@media (max-width: 900px) {
    .topbar {
        padding-inline: 1rem;
    }

    .topbar__brand img {
        height: 40px;
    }
}