.HeaderBar {
    display: grid;
    /* 左はロゴの可変域、右はナビ */
    grid-template-columns: minmax(30px, 200px) 250px;
    justify-content: space-between;
    align-items: center;
}

.HeaderBar .LogoLink {
    padding-left: 5px;
    text-decoration: none;
}

.HeaderBar .Logo {
    max-height: 35px;
    object-fit: contain;
}