.progress-bar {
    background: #e0e0e0;
    border-radius: 8px;
    height: 18px;
    margin: 8px 0;
    overflow: hidden;
    width: 100%;
}
.progress-bar-inner {
    background: currentColor;
    height: 100%;
    border-radius: 8px;
    transition: width 0.5s;
}
.wsbennekom-tussenstand-block a {
    text-decoration: underline;
    font-weight: normal;
    margin-top: 8px;
    display: inline-block;
}

/* .progress-bar-inner uses background: currentColor from earlier rule */

/* Fallback font-size rules for Gutenberg named font sizes so frontend matches editor
   even when the theme doesn't provide these utility classes. */
.wp-block-wsbennekom-tussenstand.has-small-font-size,
.wsbennekom-tussenstand.has-small-font-size {
    font-size: 0.9rem;
}
.wp-block-wsbennekom-tussenstand.has-medium-font-size,
.wsbennekom-tussenstand.has-medium-font-size {
    font-size: 1rem;
}
.wp-block-wsbennekom-tussenstand.has-large-font-size,
.wsbennekom-tussenstand.has-large-font-size {
    font-size: 1.25rem;
}
.wp-block-wsbennekom-tussenstand.has-huge-font-size,
.wsbennekom-tussenstand.has-huge-font-size {
    font-size: 1.5rem;
}