.smavendo-fortschritt { padding: 1rem 1.2rem; margin: 0 0 1.25rem; border: 1px solid #c9e5dc; border-radius: .75rem; background: #f2faf7; color: #163b35; width: 100%; box-sizing: border-box; }
.smavendo-fortschritt-kopf { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; font-weight: 600; }
.smavendo-fortschritt-prozent { font-size: 1.4rem; white-space: nowrap; }
.smavendo-fortschritt progress { display: block; appearance: none; width: 100%; height: .5rem; margin: .5rem 0 .6rem; border: 0; border-radius: 1rem; overflow: hidden; background: #dcebe5; }
.smavendo-fortschritt progress::-webkit-progress-bar { background: #dcebe5; border-radius: 1rem; }
.smavendo-fortschritt progress::-webkit-progress-value { background: #00835e; border-radius: 1rem; transition: width .15s ease; }
.smavendo-fortschritt progress::-moz-progress-bar { background: #00835e; border-radius: 1rem; }
.smavendo-fortschritt-hinweis { font-size: .8rem; line-height: 1.4; }
.dark .smavendo-fortschritt { background: #15362d; border-color: #2f6251; color: #e0f6ed; }
@media (prefers-reduced-motion: reduce) { .smavendo-fortschritt progress::-webkit-progress-value { transition: none; } }