::-webkit-scrollbar {
    width: 1.25em;
}

::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 10px 10px var(--primary);
    border: solid 6px transparent;
    border-radius: 100vw;
    min-height: 100px;
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 10px 10px transparent;
    border: solid 8px transparent;
    margin: 0px;
}

::-webkit-scrollbar-thumb:horizontal {
    border: solid 5px transparent;
    box-shadow: inset 0 0 8px 8px var(--surface-0);
}

.rank-math-breadcrumb :where(.separator, a:not(:first-child), .last, p) {
    font-family: var(--dian-bague-reg);
    font-size: var(--dian-body-14);
    color: var(--contrast);
    line-height: normal;
}

.rank-math-breadcrumb .last {
    color: var(--surface-100);
}

.rank-math-breadcrumb .separator {
    font-size: var(--dian-body-18);
}

.rank-math-breadcrumb p {
    display: flex;
    height: 24px;
    align-items: center;
    gap: 8px;
    overflow: hidden;
    white-space: nowrap;
}

.rank-math-breadcrumb a:first-child {
    height: 20px;
    display: inline-flex;
}

.rank-math-breadcrumb p .last {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
}

.wp-block-separator {
    border-top: 1px solid var(--surface-20);
    margin-bottom: var(--dian-spacing-64);
    margin-top: var(--dian-spacing-64);
}

.dynamic-entry-content p:not(.number-quote):not(.bmwp-rp-title) {
    font-family: var(--dian-regal-reg);
    font-size: var(--dian-font-size-body-lg);
    margin-bottom: var(--dian-spacing-32);
    line-height: var(--dian-line-height-body-lg);
    color: var(--surface-100);
}

.dynamic-entry-content :is(h2, h3, h4, h5, h6):has(+ p) {
    margin-bottom: var(--dian-spacing-16);
}

.dynamic-entry-content a {
    text-decoration: underline;
    text-decoration-color: var(--surface-100);
    text-decoration-thickness: from-font;
}

.dynamic-entry-content a:hover {
    color: var(--contrast);
    text-decoration-color: var(--contrast);
}

.dynamic-entry-content img:not(.podcast-thumb) {
    margin-bottom: var(--dian-spacing-32);
}

.dynamic-entry-content strong {
    font-family: var(--dian-regal-med);
}

.dynamic-entry-content .wp-block-embed-youtube {
    margin-bottom: var(--dian-spacing-32);
}

.progress-bar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: var(--surface-20);
    z-index: 9999;
}

.progress-bar .progress {
    height: 100%;
    width: 0;
    background-color: #048e95;
    transition: width 0.1s ease-out;
}

.logged-in .progress-bar {
    top: 32px;
}

.rank-math-breadcrumb a,
.gb-text.gb-text-ff880306 a {
    pointer-events: none;
}

.hover-btn:hover {
    box-shadow: var(--dian-box-shadow-hover);
}

button.menu-toggle {
    display: none !important;
}