.score-board { position: sticky; top: 1rem; z-index: 100; background-color: var(--bg-card); border: 1px solid var(--border-color); border-radius: var(--radius-max); padding: 1rem; display: flex; justify-content: space-around;gap:1rem; margin: 2rem auto; box-shadow: 0 4px 12px rgba(0,0,0,0.3); }
                .score-item { text-align: center; font-weight: 600; }
                .score-item span { display: block; font-size: 1.5rem; margin-top: 0.2rem; }
                #count-correct { color: var(--color-success); }
                #count-wrong { color: var(--color-error); }
                #count-total { color: var(--color-primary); }
                .quiz-question { background-color: var(--bg-card); border: 1px solid var(--border-color); border-radius: var(--radius-max); padding: var(--pad-card); margin-bottom: 1.5rem; transition: border-color var(--transition-fast); }
                .quiz-question:hover { border-color: var(--bg-card-hover); }
                .question-text { font-size: 1.15rem; font-weight: 600; margin-bottom: 1rem; line-height: 1.5; }
                .options-list { display: flex; flex-direction: column; gap: 0.75rem; }
                .option-item { background-color: var(--bg-main); border: 1px solid var(--border-color); border-radius: var(--radius-smooth); padding: 0.85rem 1rem; cursor: pointer; transition: all var(--transition-fast); display: flex; align-items: center; font-size: 1rem; }
                .option-item:hover { background-color: var(--bg-card-hover); border-color: var(--color-primary); }
                .quiz-question.answered .option-item { cursor: not-allowed; pointer-events: none; }
                .option-item.correct { background-color: var(--color-success) !important; border-color: var(--color-success) !important; color: #ffffff !important; font-weight: 600; }
                .option-item.wrong { background-color: var(--color-error) !important; border-color: var(--color-error) !important; color: #ffffff !important; font-weight: 600; }
                .page-link{padding: 0.5rem 1rem; background: var(--bg-card); border: 1px solid var(--border-color); color: var(--text-main); text-decoration: none; border-radius: var(--radius-smooth);}       
                .pagination-container{cursor: pointer;display: flex; justify-content: center; gap: 0.5rem; margin-top: 2rem; margin-bottom: 3rem;}
                .a{background: var(--color-primary); color: #fff; border-color: var(--color-primary);}
                .b{background: var(--bg-card); color: var(--text-main);}