:root {
    /* Blog-specific overrides of the global palette, consumed by comment_form.css */
    --red: #eb5757;
    --darkred: #8a1010;
    --green: #ebf7f5;
    --darkgreen: #22a872;
    /* Line heights used by category.css to line-clamp titles and leads */
    --lh: 1.5rem;
    --lh-title: 2.25rem;
}

.base-container {
    background-color: #fff;
}

/* Scrollbar styling has no Tailwind equivalent, the rest of .category-menu lives in the templates */
@media only screen and (min-width: 768px) {
    .category-menu::-webkit-scrollbar {
        height: 5px;
        /* Chrome */
        background: #fff;
    }

    .category-menu::-webkit-scrollbar-thumb {
        border-radius: 4px;
        /* Chrome */
        background: #898c8c;
    }

    .category-menu {
        -ms-overflow-style: none; /* IE and Edge */
        scrollbar-color: #039de0;
        /* scrollbar-width: none;  [> Firefox <] */
        scrollbar-width: thin;
    }
}

@media (max-width: 767px) {
    .breadcrumb-ellipsis {
        max-width: 8rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

.bc-joole > li:last-child, .bc-joole > li:last-child {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}