/* Mini Challenge Box Styles */
.mini-challenge-container {
    display: flex;
    align-items: center;
    background: #f5f5f5;
    border-radius: 10px;
    padding: 16px;
    margin-top: 32px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}
body.dark-mode .mini-challenge-container {
    background: #23272e;
    box-shadow: 0 2px 8px rgba(0,0,0,0.25);
}
.mini-challenge-container img {
    width: 64px;
    height: 64px;
    margin-right: 20px;
}
.mini-challenge-container div {
    font-size: 1.1em;
    font-weight: 700;
    color: #222;
}
body.dark-mode .mini-challenge-container div {
    color: #f1f1f1;
}
.mini-challenge-container span {
    color: #2d6a4f;
    font-weight: 800;
}
body.dark-mode .mini-challenge-container span {
    color: #7fffd4;
}
body:not(.page-with-bg) .mini-challenge-container,
body:not(.page-with-bg) .mini-challenge-container div,
body:not(.page-with-bg) .mini-challenge-container span {
    background: #f5f5f5 !important;
    color: #222 !important;
}
body:not(.page-with-bg) .mini-challenge-container span {
    color: #2d6a4f !important;
}
body.page-with-bg .mini-challenge-container {
    background: #fff !important;
    color: #222 !important;
    border: 1.5px solid #e0e0e0 !important;
    box-shadow: 0 4px 24px rgba(0,0,0,0.10) !important;
}
body.page-with-bg .mini-challenge-container div {
    color: #222 !important;
}
body.page-with-bg .mini-challenge-container span {
    color: #2d6a4f !important;
}