.nav-fill .nav-item {
    flex-basis: 0;
}

.nav-pills .nav-item a{
    color: var(--oc-gray-8);
}

.nav-pills .nav-item a:hover{
    background-color: var(--oc-gray-4);
}

.nav-pills .nav-item a.active {
    background-color: var(--oc-gray-6);
}

.canvas {
    padding: 1rem;
}

@media (min-width: 768px) {
    .canvas {
        padding: 3rem;
    }

    .canvas.comment {
        padding: 2rem 3rem;
    }

    .readable blockquote {
        margin-left: -1.25rem;
        padding-left: calc(1.25rem - 3px);
    }
}