:root {
    --nibelungia-gold: #a0895d;
    --nibelungia-red: #e23320;
    --nibelungia-pale: #ffffff;
    --nibelungia-gray: #838484;
    --nibelungia-stripe-width: 3px;
}

::selection {
    background: rgba(160, 137, 93, 0.35);
}

.gh-content blockquote {
    border-left: 4px solid var(--nibelungia-red);
    padding-left: 1.5rem;
}

.gh-content hr {
    height: calc(var(--nibelungia-stripe-width) * 3);
    width: 100%;
    margin: 3rem auto;
    background: linear-gradient(
        to bottom,
        var(--nibelungia-red) 0 33.333%,
        var(--nibelungia-pale) 33.333% 66.666%,
        var(--nibelungia-gold) 66.666% 100%
    );
}

.gh-navigation {
    position: relative;
    border-bottom: calc(var(--nibelungia-stripe-width) * 3) solid transparent;
}

.gh-navigation::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: calc(var(--nibelungia-stripe-width) * -3);
    height: calc(var(--nibelungia-stripe-width) * 3);
    background: linear-gradient(
        to bottom,
        var(--nibelungia-red) 0 33.333%,
        var(--nibelungia-pale) 33.333% 66.666%,
        var(--nibelungia-gold) 66.666% 100%
    );
}

.gh-footer {
    position: relative;
    border-top: calc(var(--nibelungia-stripe-width) * 3) solid transparent;
}

.gh-footer::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: calc(var(--nibelungia-stripe-width) * -3);
    height: calc(var(--nibelungia-stripe-width) * 3);
    background: linear-gradient(
        to bottom,
        var(--nibelungia-red) 0 33.333%,
        var(--nibelungia-pale) 33.333% 66.666%,
        var(--nibelungia-gold) 66.666% 100%
    );
}

.gh-content a {
    text-decoration-color: var(--nibelungia-red);
}

/* Right-aligned logo, wider nav menu area for more links */
@media (min-width: 768px) {
    .gh-navigation.is-left-logo .gh-navigation-inner {
        grid-template-columns: 1fr auto auto;
    }
    .gh-navigation.is-left-logo .gh-navigation-brand {
        order: 3;
    }
    .gh-navigation.is-left-logo .gh-navigation-menu {
        order: 1;
        margin-left: 0;
        margin-right: 0;
        justify-content: flex-start;
    }
    .gh-navigation.is-left-logo .gh-navigation-actions {
        order: 2;
    }
}