.topbar {
    position: sticky;
    top: 0;
    z-index: 1030;
    padding: 0; /* ← 高さは下のmin-heightで固定し、余白は0に */
    background: rgba(18, 26, 42, .75);
    backdrop-filter: blur(8px);
    border-bottom: 1px solid rgba(255,255,255,.08);
    min-height: 60px; /* ← 統一高さ */
}

/* 内側コンテナも高さを合わせ、縦中央揃え */
.topbar > .container-xxl {
    min-height: 60px;
    display: flex;
    align-items: center;
}

.topbar__brand {
    color: var(--color-text-light);
}

.topbar__nav .topbar__link {
    color: #dfe6ff;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .25rem .5rem;
    border-radius: 8px;
}

    .topbar__nav .topbar__link:hover {
        background: rgba(255,255,255,.06);
        color: #fff;
    }