/* Horizontal six-link header */
.rail {
    position: sticky;
    top: 0;
    width: 100%;
    min-height: 82px;
    height: auto;
    padding: 15px max(4vw, 24px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    border-right: 0;
    border-bottom: 1px solid #1e3548;
    z-index: 100
}

.rail .brand {
    flex: 0 0 auto
}

.rail .brand img {
    width: 200px
}

.rail nav {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 3px;
    margin: 0
}

.rail nav a {
    padding: 9px 11px;
    white-space: nowrap;
    font-size: .78rem
}

.rail small,
.rail .quote {
    display: none
}

.content {
    margin-left: 0
}

.topline {
    padding-left: max(4vw, 24px);
    padding-right: max(4vw, 24px)
}

@media(max-width:920px) {
    .rail {
        display: block;
        padding: 15px 5%
    }

    .rail nav {
        justify-content: flex-start;
        margin-top: 13px;
        overflow-x: auto;
        padding-bottom: 3px
    }

    .rail nav a {
        font-size: .73rem
    }
}

@media(max-width:600px) {
    .rail {
        position: relative
    }

    .rail nav {
        gap: 1px
    }

    .rail nav a {
        padding: 7px 9px
    }

    .topline {
        display: none
    }
}