.wpProQuiz_answerCorrect {
    background: #e8ecff !important;
    border-color: #b8c2f1 !important;
    color: #24307a !important;
    font-weight: bold !important;
}

.wpProQuiz_answerCorrect label {
    font-weight: bold !important;
}

.wpProQuiz_answerIncorrect {
    background: #f8eefe !important;
    border-color: #dcc7f3 !important;
    color: #5d3f87 !important;
    font-weight: bold !important;
}

.wpProQuiz_content {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.wpProQuiz_content h2 {
    margin-bottom: 10px !important;
}

* + html .wpProQuiz_button, * + html .wpProQuiz_button:hover {
    padding: 3px 0 !important;
}

.wpProQuiz_button, .wpProQuiz_button:hover {
    margin: 0 !important;
    padding: 5px 10px !important;
    background: #13455B !important;
    border-radius: 11px !important;
    color: white !important;
    font-weight: bold !important;
    border: 1px solid #13455B !important;
    box-shadow: 1px 1px 1px #333 !important;
    text-shadow: none !important;
    filter: none !important;
    float: none;
}

.wpProQuiz_question_page {
    margin-bottom: 10px !important;
}

.wpProQuiz_question_page span {
    font-weight: bold !important;
}

.wpProQuiz_questionListItem:last-child, .wpProQuiz_questionListItemLastChildIE {
    padding: 3px !important;
    margin-bottom: 0 !important;
}

.wpProQuiz_questionListItem {
    padding: 3px !important;
    margin-bottom: 5px !important;
    background-image: none !important;
    margin-left: 0 !important;
    list-style: none !important;
    border: 0 !important;
}

.wpProQuiz_questionListItem > table {
    border-collapse: collapse !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
    border: none !important;
    text-align: left !important;
}

.wpProQuiz_questionListItem > table .alt {
    background: inherit !important;
}

.wpProQuiz_questionListItem > table td {
    text-align: left !important;
}

.wpProQuiz_list, .wpProQuiz_listItem, .wpProQuiz_questionList, .wpProQuiz_sortStringList, .wpProQuiz_sortStringList, .wpProQuiz_maxtrixSortCriterion, .wpProQuiz_resultsList, .wpProQuiz_catOverview ol {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.wpProQuiz_list {
    border: 0 !important;
}

.wpProQuiz_questionList {
    margin-bottom: 10px !important;
    background: #F8FAF5 !important;
    border: 1px solid #C3D1A3 !important;
    padding: 5px !important;
    list-style: none !important;
}

.wpProQuiz_listItem {
    position: relative !important;
    border: 0 !important;
    background-image: none !important;
}

.wpProQuiz_response {
    background: #F8FAF5 !important;
    border: 1px solid #C4C4C4 !important;
    padding: 5px !important;
    margin-bottom: 15px !important;
    box-shadow: 1px 1px 2px #AAA !important;
}

.wpProQuiz_response span {
    font-weight: bold !important;
}

.wpProQuiz_sort {
    width: 25px !important;
}

.wpProQuiz_results h3 {
    margin-bottom: 10px !important;
}

.wpProQuiz_sort_correct_answer {
    font-weight: bold !important;
    margin-right: 5px !important;
    display: none !important;
}

.wpProQuiz_sortable, .wpProQuiz_sortStringItem {
    padding: 5px !important;
    border: 1px solid lightGrey !important;
    box-shadow: 2px 2px 1px #EEE;
    background-color: #F8FAF5 !important;
    cursor: move;
}

.wpProQuiz_time_limit .time {
    font-weight: bold !important;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.wpProQuiz_time_limit .wpProQuiz_progress {
    height: 10px !important;
    background-color: blue !important;
    margin-bottom: 5px !important;
}

.wpProQuiz_time_limit_expired {
    font-weight: bold !important;
    font-size: 15px !important;
    text-align: center !important;
}

.wpProQuiz_question_text {
    margin-bottom: 10px !important;
}

.wpProQuiz_tipp > div {
    padding: 10px !important;
    background-color: #DDECFF !important;
    border: 1px dotted #363636 !important;
    border-radius: 10px !important;
    position: absolute !important;
    bottom: 5px !important;
    left: 5px !important;
    right: 5px !important;
    box-shadow: 2px 2px 5px 0 #313131 !important;
    z-index: 99999 !important;
}

.wpProQuiz_matrixSortString, .wpProQuiz_matrixSortString > h3 {
    margin-bottom: 10px !important;
    margin-top: 0 !important;
}

.wpProQuiz_matrixSortString {
    background: #F8FAF5 !important;
    border: 1px solid #C3D1A3 !important;
    padding: 5px !important;
}

.wpProQuiz_sortStringList {
    padding: 10px !important;
    border: 0 !important;
}

.wpProQuiz_sortStringList > li {
    float: left !important;
    margin-left: 5px !important;
    margin-right: 5px !important;
    margin-bottom: 5px !important;
}

.wpProQuiz_sortStringItem {
    margin: 0 !important;
    background-image: none !important;
    list-style: none !important;
}

.wpProQuiz_maxtrixSortCriterion {
    padding: 5px !important;
}

.wpProQuiz_placehold {
    background-color: #FFFFC2 !important;
    list-style: none !important;
    background-image: none !important;
    padding: 5px !important;
    height: 30px !important;
    min-width: 50px !important;
    margin: 0 !important;
}

.wpProQuiz_maxtrixSortText {
    padding: 5px !important;
}

.wpProQuiz_mextrixTr > td {
    border: 1px solid #D1D1D1 !important;
    padding: 5px !important;
    vertical-align: middle !important;
}

.wpProQuiz_points {
    font-weight: bold !important;
    text-align: center !important;
    margin-bottom: 20px !important;
}

.wpProQuiz_cloze input[type="text"] {
    background: transparent;
    border: 0 !important;
    border-bottom: 1px solid !important;
    height: 18px !important;
    margin: 0 !important;
    padding: 0 4px 0 4px !important;
    color: black !important;
    border-radius: 0 !important;
    box-shadow: 0 0 !important;
}

.wpProQuiz_cloze input:focus {
    outline: none !important;
}

.wpProQuiz_questionListItem input, .wpProQuiz_questionListItem label {
    margin: 0 !important;
    font-weight: normal;
    display: inline;
}

.wpProQuiz_questionListItem label {
    float: none;
}

.wpProQuiz_questionListItem input {
    float: none !important;
    display: inline !important;
}

.wpProQuiz_resultsList {
    border: 0 !important;
}

.wpProQuiz_resultsList > li {
    background-image: none !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style-type: none !important;
    border: 0 !important;
}

.wpProQuiz_lock, .wpProQuiz_prerequisite, .wpProQuiz_startOnlyRegisteredUser, .wpProQuiz_loadQuiz {
    border: 1px dotted #FFC3C3 !important;
    background-color: #FFF7F7 !important;
}

.wpProQuiz_lock p, .wpProQuiz_prerequisite p, .wpProQuiz_startOnlyRegisteredUser p, .wpProQuiz_loadQuiz p {
    margin: 20px !important;
    font-weight: bold !important;
}

.wpProQuiz_toplistTable {
    width: 100% !important;
    border: 1px solid #C3D1A3 !important;
    border-collapse: collapse !important;
    margin: 0 !important;
}

.wpProQuiz_toplistTable caption {
    caption-side: top !important;
    text-align: right !important;
    padding-bottom: 2px !important;
    color: gray !important;
    margin: 0 !important;
    font-size: 11px !important;
}

.wpProQuiz_toplistTable thead tr {
    background: #edf1ff !important;
    padding: 5px !important;
    color: #24307a !important;
    font-weight: bold !important;
}

.wpProQuiz_toplistTable tbody td:FIRST-CHILD {
    font-weight: bold !important;
}

.wpProQuiz_toplistTable td, .wpProQuiz_toplistTable th {
    padding: 5px !important;
    text-align: center !important;
    border: 0 !important;
}

.wpProQuiz_toplistTable th {
    background: #edf1ff !important;
}

.wpProQuiz_toplistTrOdd {
    background-color: #ffffff !important;
}

.wpProQuiz_addToplist {
    margin-top: 10px !important;
    background-color: #F5FAEA !important;
    padding: 10px !important;
    border: 1px solid #C3D1A3 !important;
}

.wpProQuiz_addToplistMessage {
    border: 1px solid rgb(160, 160, 160) !important;
    background-color: #FCFFB3 !important;
    margin-bottom: 5px !important;
    border-radius: 5px !important;
    padding: 5px !important;
    font-weight: bold !important;
    color: dimGray !important;
}

.wpProQuiz_resultTable {
    margin: 15px auto !important;
    width: 400px !important;
    border: 1px solid #C4C4C4 !important;
    padding: 15px !important;
    font-weight: bold !important;
}

.wpProQuiz_resultTable table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin: 0 !important;
    border: 0 !important;
    text-align: left !important;
}

.wpProQuiz_resultTable table td {
    text-align: left !important;
}

.wpProQuiz_resultTable .alt {
    background: inherit !important;
}

.wpProQuiz_resultName {
    width: 100px !important;
    border-right: 1px solid rgb(134, 134, 134) !important;
    padding: 10px 0 !important;
    border-bottom: 0 !important;
    border-top: 0 !important;
    border-left: 0 !important;
}

.wpProQuiz_resultValue {
    padding: 0 !important;
    border: 0 !important;
}

.wpProQuiz_resultValue div {
    color: black !important;
    text-align: right !important;
    box-shadow: 1px 1px 3px 1px #C4C4C4 !important;
    display: inline-block !important;
    height: 18px !important;
    zoom: 1 !important;
    *display: inline !important;
    margin-right: 3px !important;
    vertical-align: middle !important;
}

.wpProQuiz_addBox label {
    display: inline !important;
}

.wpProQuiz_addBox input[type="text"] {
    margin: 0 !important;
}

.wpProQuiz_reviewQuestion {
    max-height: 100px;
    overflow: scroll;
    border: 1px solid #C3D1A3;
    background-color: #F8FAF5;
    position: relative;
}

.wpProQuiz_box {
    border: 1px solid #C3D1A3;
    background-color: #F8FAF5;
}

.wpProQuiz_checkPage h3 {
    margin: 10px 0 10px 0;
}

.wpProQuiz_reviewQuestion ol, .wpProQuiz_checkPage ol {
    list-style-type: none !important;
    margin: 0 !important;
    padding: 5px 12px 0 5px !important;
    zoom: 1 !important;
    position: relative !important;
    border: 0 !important;
}

.wpProQuiz_reviewQuestion ol:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.wpProQuiz_reviewQuestionTarget {
    font-weight: bold;
    border-color: #7DB1D3 !important;
    box-shadow: 0 0 2px 1px #C4C4C4;
}

.wpProQuiz_reviewQuestion li, .wpProQuiz_checkPage li {
    float: left !important;
    margin: 0 5px 5px 0 !important;
    border: 1px solid #CFCFCF;
    padding: 5px 0 5px 0 !important;
    width: 30px !important;
    text-align: center !important;
    background-color: white;
    cursor: pointer !important;
    list-style-type: none !important;
    background-image: none !important;
}

.wpProQuiz_reviewQuestion div {
    position: absolute;
    right: 0;
    background-color: #B8B8B8;
    top: 0;
    height: 20px;
    width: 10px;
    border: 0;
    border-radius: 10px;
    cursor: move;
}

.wpProQuiz_reviewLegend {
    padding: 5px !important;
    margin-bottom: 8px !important;
}

.wpProQuiz_reviewLegend ol {
    list-style-type: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
}

.wpProQuiz_reviewLegend li {
    float: left !important;
    padding-right: 5px !important;
    list-style-type: none !important;
    margin: 0 !important;
    border: 0 !important;
    background-image: none !important;
}

.wpProQuiz_reviewColor {
    height: 10px !important;
    width: 10px !important;
    display: inline-block !important;
    margin-right: 2px !important;
}

.wpProQuiz_button2 {
    border: 1px solid #DADADA !important;
    background: whiteSmoke !important;
    color: #303030 !important;
    border-radius: 4px !important;
    padding: 3px 5px !important;
    box-shadow: 1px 1px 1px #A7A7A7 !important;
    text-shadow: none !important;
    filter: none !important;
    margin: 0 !important;
    font-weight: normal !important;
}

.wpProQuiz_button2:hover {
    background: #EBEBEB !important;
}

.wpProQuiz_reviewDiv {
    margin: 20px 0 20px 0 !important;
}

.wpProQuiz_header {
    margin: 0 !important;
}

.wpProQuiz_catOverview {
    margin-top: 10px;
    margin-bottom: 20px;
}

.wpProQuiz_catOverview li {
    list-style: none !important;
    padding: 0 !important;
    clear: left !important;
    border-bottom: 1px dashed #aaa;
    height: 1.05em !important;
    margin: 10px 0 0 0 !important;
    position: relative !important;
}

.wpProQuiz_catOverview span {
    background: #fff !important;
    padding: 0 3px 0 0 !important;
    float: left !important;
    position: absolute !important;
    text-decoration: none !important;
}

span.wpProQuiz_catPercent {
    font-weight: bold !important;
    padding-left: 5px !important;
    color: #000 !important;
    right: 0 !important;
}

.wpProQuiz_forms {
    margin: 20px 0 20px 0 !important;
}

.wpProQuiz_required {
    color: #F00 !important;
    font-weight: bold !important;
}

.wpProQuiz_invalidate {
    border: 1px solid #FFCFCF !important;
    background: #FFEBE8 !important;
    padding: 4px !important;
    margin: 4px 0 4px 0 !important;
    display: none;
}

.wpProQuiz_forms table {
    width: auto !important;
    border-collapse: separate !important;
    border-spacing: 2px !important;
    border: 0;
    text-align: left !important;
}

.wpProQuiz_forms table .alt {
    background: inherit !important;
}

.wpProQuiz_forms table td {
    text-align: left !important;
}

.wpProQuiz_forms td {
    vertical-align: top !important;
    padding: 0 0 8px 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: none !important;
}

.wpProQuiz_forms input, .wpProQuiz_forms textarea, .wpProQuiz_forms label, .wpProQuiz_forms select {
    margin: 0 !important;
    float: none !important;
    display: inline !important;
}

.wpProQuiz_forms select {
    width: auto !important;
}

.wpProQuiz_resultForm {
    display: none;
}

.wpProQuiz_quiz input[type="checkbox"] {
    -webkit-appearance: checkbox;
}

.wpProQuiz_quiz input[type="radio"] {
    -webkit-appearance: radio;
}

/* Mobile-first modern quiz UI */
.wpProQuiz_content[id^="wpProQuiz_"] {
    --wppq-ui-bg: #f6f8fc;
    --wppq-ui-card: #ffffff;
    --wppq-ui-text: #24324b;
    --wppq-ui-muted: #728099;
    --wppq-ui-border: #d7deeb;
    --wppq-ui-accent: #303f9f;
    --wppq-ui-accent-soft: #e9ecff;
    --wppq-ui-shadow: 0 10px 28px rgba(26, 43, 73, 0.08);
    color: var(--wppq-ui-text) !important;
    font-family: inherit !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_quiz,
.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_time_limit,
.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_reviewDiv {
    float: none !important;
    width: 100% !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_listItem {
    background: var(--wppq-ui-card) !important;
    border: 1px solid var(--wppq-ui-border) !important;
    border-radius: 16px !important;
    box-shadow: var(--wppq-ui-shadow) !important;
    margin: 0 0 16px 0 !important;
    padding: 14px !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_listItem > .wpProQuiz_question_page,
.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_listItem > .wpProQuiz_header,
.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_listItem > .wpProQuiz_question,
.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_listItem > .wpProQuiz_response,
.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_listItem > .wpProQuiz_tipp,
.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_listItem > div:not(.wpProQuiz_tipp) {
    flex: 0 0 100% !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_question_page {
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    width: fit-content !important;
    background: var(--wppq-ui-accent-soft) !important;
    border: 1px solid rgba(48, 63, 159, 0.35) !important;
    border-radius: 999px !important;
    color: #24307a !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    padding: 6px 12px !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_header {
    margin: 0 !important;
    color: var(--wppq-ui-text) !important;
    font-weight: 800 !important;
    letter-spacing: 0.01em !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_question {
    margin: 30px 0 10px 0 !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_question_text {
    margin: 0 0 8px 0 !important;
    color: var(--wppq-ui-text) !important;
    font-size: 1.2rem !important;
    line-height: 1.45 !important;
    font-weight: 700 !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_questionList {
    border: 0 !important;
    background: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
    display: grid !important;
    gap: 10px !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_questionList[data-type="single"],
.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_questionList[data-type="multiple"] {
    counter-reset: wppq-choice;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_questionList[data-type="single"] > .wpProQuiz_questionListItem,
.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_questionList[data-type="multiple"] > .wpProQuiz_questionListItem {
    position: relative !important;
    border: 1px solid var(--wppq-ui-border) !important;
    border-radius: 14px !important;
    background: #fff !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    transition: border-color 0.16s ease, box-shadow 0.16s ease, background-color 0.16s ease !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_questionList[data-type="single"] > .wpProQuiz_questionListItem::before,
.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_questionList[data-type="multiple"] > .wpProQuiz_questionListItem::before {
    counter-increment: wppq-choice;
    content: counter(wppq-choice, upper-alpha);
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 42px;
    height: 42px;
    border-radius: 8px;
    background: #eef2f7;
    color: var(--wppq-ui-text);
    font-size: 1.02rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_questionList[data-type="single"] > .wpProQuiz_questionListItem label,
.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_questionList[data-type="multiple"] > .wpProQuiz_questionListItem label {
    display: block !important;
    width: 100% !important;
    min-height: 62px !important;
    margin: 0 !important;
    padding: 18px 52px 18px 68px !important;
    font-size: 1.06rem !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    color: var(--wppq-ui-text) !important;
    cursor: pointer !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_questionList[data-type="single"] > .wpProQuiz_questionListItem input[type="radio"],
.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_questionList[data-type="multiple"] > .wpProQuiz_questionListItem input[type="checkbox"] {
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_questionList[data-type="single"] > .wpProQuiz_questionListItem:has(input:checked),
.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_questionList[data-type="multiple"] > .wpProQuiz_questionListItem:has(input:checked) {
    border-color: var(--wppq-ui-accent) !important;
    background: var(--wppq-ui-accent-soft) !important;
    box-shadow: 0 0 0 2px rgba(48, 63, 159, 0.18);
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_questionList[data-type="single"] > .wpProQuiz_questionListItem:has(input:checked)::after,
.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_questionList[data-type="multiple"] > .wpProQuiz_questionListItem:has(input:checked)::after {
    content: "✓";
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: var(--wppq-ui-accent);
    color: #fff;
    font-size: 0.95rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_answerCorrect {
    background: #eaf8f1 !important;
    border-color: #bce7d1 !important;
    color: #146944 !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_answerIncorrect {
    background: #fdecec !important;
    border-color: #efbcbc !important;
    color: #7c1717 !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_questionList[data-type="single"] > .wpProQuiz_questionListItem.wpProQuiz_answerCorrect:has(input:checked),
.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_questionList[data-type="multiple"] > .wpProQuiz_questionListItem.wpProQuiz_answerCorrect:has(input:checked) {
    border-color: #bce7d1 !important;
    background: #eaf8f1 !important;
    box-shadow: 0 0 0 2px rgba(30, 167, 101, 0.14);
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_questionList[data-type="single"] > .wpProQuiz_questionListItem.wpProQuiz_answerIncorrect:has(input:checked),
.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_questionList[data-type="multiple"] > .wpProQuiz_questionListItem.wpProQuiz_answerIncorrect:has(input:checked) {
    border-color: #efbcbc !important;
    background: #fdecec !important;
    box-shadow: 0 0 0 2px rgba(178, 0, 0, 0.12);
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_questionList[data-type="single"] > .wpProQuiz_questionListItem.wpProQuiz_answerCorrect::after,
.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_questionList[data-type="multiple"] > .wpProQuiz_questionListItem.wpProQuiz_answerCorrect::after,
.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_questionList[data-type="single"] > .wpProQuiz_questionListItem.wpProQuiz_answerIncorrect::after,
.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_questionList[data-type="multiple"] > .wpProQuiz_questionListItem.wpProQuiz_answerIncorrect::after {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    width: 26px;
    height: 26px;
    border-radius: 50%;
    color: #fff;
    font-size: 0.95rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_questionList[data-type="single"] > .wpProQuiz_questionListItem.wpProQuiz_answerCorrect::after,
.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_questionList[data-type="multiple"] > .wpProQuiz_questionListItem.wpProQuiz_answerCorrect::after {
    content: "✓";
    background: #1ea765 !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_questionList[data-type="single"] > .wpProQuiz_questionListItem.wpProQuiz_answerIncorrect::after,
.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_questionList[data-type="multiple"] > .wpProQuiz_questionListItem.wpProQuiz_answerIncorrect::after {
    content: "✕" !important;
    background: #b20000 !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_response .wpProQuiz_correct {
    background: #eaf8f1 !important;
    border: 1px solid #bce7d1 !important;
    border-radius: 10px !important;
    color: #146944 !important;
    padding: 10px !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_response .wpProQuiz_incorrect,
.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_response .wpProQuiz_unattempted {
    background: #fdecec !important;
    border: 1px solid #efbcbc !important;
    border-radius: 10px !important;
    color: #7c1717 !important;
    padding: 10px !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_response {
    margin: 0 0 10px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_tipp > div {
    border: 1px solid var(--wppq-ui-border) !important;
    border-radius: 12px !important;
    box-shadow: var(--wppq-ui-shadow) !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_time_limit {
    margin: 10px 0 14px 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_time_limit .time {
    margin: 0 0 8px 0 !important;
    font-size: 1rem !important;
    line-height: 1.35 !important;
    color: var(--wppq-ui-text) !important;
    font-weight: 700 !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_time_limit .wpProQuiz_progress {
    height: 10px !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, #303f9f 0%, #6572c8 100%) !important;
    margin: 0 !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_reviewDiv {
    margin: 14px 0 0 0 !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_sidebar .wpProQuiz_reviewDiv {
    position: relative !important;
    margin-top: 14px !important;
    padding-top: 16px !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_sidebar .wpProQuiz_reviewDiv::before {
    content: "";
    position: absolute;
    top: 0;
    left: 6px;
    right: 6px;
    height: 1px;
    background: rgba(48, 63, 159, 0.14);
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_reviewQuestion {
    max-height: 260px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    border: 1px solid var(--wppq-ui-border) !important;
    border-radius: 14px !important;
    background: #fff !important;
    padding: 10px !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_reviewQuestion div {
    display: none !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_reviewQuestion ol {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)) !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_reviewQuestion li {
    float: none !important;
    width: auto !important;
    min-height: 38px !important;
    padding: 4px 0 !important;
    margin: 0 !important;
    border: 1px solid var(--wppq-ui-border) !important;
    border-radius: 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    font-weight: 700 !important;
    background: #fff !important;
    color: var(--wppq-ui-text) !important;
    padding: 8px 10px !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_reviewQuestion li::after {
    content: "";
    width: 18px;
    height: 18px;
    border-radius: 999px;
    border: 1px solid var(--wppq-ui-border);
    background: #fff;
    flex-shrink: 0;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_reviewQuestionTarget {
    border-color: var(--wppq-ui-accent) !important;
    box-shadow: 0 0 0 2px rgba(48, 63, 159, 0.18) !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_reviewQuestion li.wpProQuiz_reviewQuestionSolved {
    background: #e8ecff !important;
    border-color: #b8c2f1 !important;
    color: #24307a !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_reviewQuestion li.wpProQuiz_reviewQuestionCorrect {
    background: #eaf8f1 !important;
    border-color: #bce7d1 !important;
    color: #146944 !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_reviewQuestion li.wpProQuiz_reviewQuestionReview {
    background: #fff5dd !important;
    border-color: #ffd37b !important;
    color: #8d6717 !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_reviewQuestion li.wpProQuiz_reviewQuestionIncorrect {
    background: #fdecec !important;
    border-color: #efbcbc !important;
    color: #7c1717 !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_reviewQuestion li.wpProQuiz_reviewQuestionSolved::after,
.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_reviewQuestion li.wpProQuiz_reviewQuestionCorrect::after,
.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_reviewQuestion li.wpProQuiz_reviewQuestionReview::after,
.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_reviewQuestion li.wpProQuiz_reviewQuestionIncorrect::after {
    content: "✓";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 800;
    color: #fff;
    border: 0;
    background: var(--wppq-ui-accent);
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_reviewQuestion li.wpProQuiz_reviewQuestionIncorrect::after {
    content: "✕";
    background: #b20000 !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_reviewQuestion li.wpProQuiz_reviewQuestionCorrect::after {
    background: #1ea765 !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_reviewLegend {
    margin: 8px 0 10px 0 !important;
    padding: 0 !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_reviewLegend ol {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_reviewLegend li {
    float: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-size: 0.93rem !important;
    color: var(--wppq-ui-text) !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_reviewLegend li:nth-child(1) .wpProQuiz_reviewColor {
    background: #e8ecff !important;
    border: 1px solid #b8c2f1 !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_reviewLegend li:nth-child(2) .wpProQuiz_reviewColor {
    background: #fff5dd !important;
    border: 1px solid #ffd37b !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_reviewTitle {
    margin: 0 0 10px 0 !important;
    font-size: 1rem !important;
    line-height: 1.35 !important;
    color: var(--wppq-ui-text) !important;
    font-weight: 700 !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_toplistTable {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border: 1px solid var(--wppq-ui-border) !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    background: #fff !important;
    margin: 14px 0 !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_toplistTable caption {
    caption-side: top !important;
    text-align: right !important;
    font-size: 0.8rem !important;
    color: #6f7897 !important;
    margin: 0 0 8px 0 !important;
    padding: 0 !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_toplistTable thead tr,
.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_toplistTable th {
    background: #edf0ff !important;
    color: #273166 !important;
    font-weight: 700 !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_toplistTable td,
.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_toplistTable th {
    border: 0 !important;
    border-bottom: 1px solid var(--wppq-ui-border) !important;
    padding: 10px 12px !important;
    text-align: left !important;
    font-size: 0.95rem !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_toplistTable td:first-child,
.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_toplistTable th:first-child {
    text-align: center !important;
    width: 64px !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_toplistTable tbody tr:nth-child(even) {
    background: #f7f8ff !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_toplistTable tbody tr:last-child td {
    border-bottom: 0 !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_button,
.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_button:hover,
.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_button2,
.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_button2:hover {
    min-height: 50px !important;
    border-radius: 14px !important;
    border: 1px solid var(--wppq-ui-border) !important;
    box-shadow: none !important;
    text-shadow: none !important;
    font-weight: 700 !important;
    font-size: 0.96rem !important;
    letter-spacing: 0.01em !important;
    line-height: 1.2 !important;
    text-transform: none !important;
    padding: 11px 16px !important;
    margin: 0 !important;
    float: none !important;
    transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_button,
.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_button:hover {
    background: #fff !important;
    color: var(--wppq-ui-text) !important;
}

/* Result screen: hide review/save/continue actions in sidebar */
.wpProQuiz_content[id^="wpProQuiz_"]:has(.wpProQuiz_results:not([style*="display: none"])):not(:has(.wpProQuiz_quiz:not([style*="display: none"]))) .wpProQuiz_sidebar input[name="review"],
.wpProQuiz_content[id^="wpProQuiz_"]:has(.wpProQuiz_results:not([style*="display: none"])):not(:has(.wpProQuiz_quiz:not([style*="display: none"]))) .wpProQuiz_sidebar .wppqsr-inline-save,
.wpProQuiz_content[id^="wpProQuiz_"]:has(.wpProQuiz_results:not([style*="display: none"])):not(:has(.wpProQuiz_quiz:not([style*="display: none"]))) .wpProQuiz_sidebar .wppqsr-inline-continue {
    display: none !important;
}

/* Review mode (Sorulari Incele): hide review/save/continue controls in sidebar */
.wpProQuiz_content[id^="wpProQuiz_"].wpProQuiz_in-review-mode .wpProQuiz_sidebar input[name="review"],
.wpProQuiz_content[id^="wpProQuiz_"].wpProQuiz_in-review-mode .wpProQuiz_sidebar .wppqsr-inline-save,
.wpProQuiz_content[id^="wpProQuiz_"].wpProQuiz_in-review-mode .wpProQuiz_sidebar .wppqsr-inline-continue {
    display: none !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_button:not(.wppqsr-inline-save):not(.wppqsr-inline-continue):not(.wppqsr-start-resume):hover,
.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_button2:hover {
    border-color: #aab5e6 !important;
    background: #f2f4ff !important;
    color: #222f74 !important;
    box-shadow: 0 1px 6px rgba(48, 63, 159, 0.14) !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] input.wpProQuiz_QuestionButton[name="next"],
.wpProQuiz_content[id^="wpProQuiz_"] input.wpProQuiz_QuestionButton[name="check"],
.wpProQuiz_content[id^="wpProQuiz_"] input.wpProQuiz_QuestionButton[name="checkSingle"],
.wpProQuiz_content[id^="wpProQuiz_"] input.wpProQuiz_QuestionButton[name="quizSummary"],
.wpProQuiz_content[id^="wpProQuiz_"] input[name="startQuiz"],
.wpProQuiz_content[id^="wpProQuiz_"] input[name="restartQuiz"] {
    background: var(--wppq-ui-accent) !important;
    border-color: var(--wppq-ui-accent) !important;
    color: #fff !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] input.wpProQuiz_QuestionButton[name="next"]:hover,
.wpProQuiz_content[id^="wpProQuiz_"] input.wpProQuiz_QuestionButton[name="check"]:hover,
.wpProQuiz_content[id^="wpProQuiz_"] input.wpProQuiz_QuestionButton[name="checkSingle"]:hover,
.wpProQuiz_content[id^="wpProQuiz_"] input.wpProQuiz_QuestionButton[name="quizSummary"]:hover,
.wpProQuiz_content[id^="wpProQuiz_"] input[name="startQuiz"]:hover,
.wpProQuiz_content[id^="wpProQuiz_"] input[name="restartQuiz"]:hover {
    background: #25348f !important;
    border-color: #25348f !important;
    color: #fff !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] input.wpProQuiz_QuestionButton[name="check"] {
    float: left !important;
    margin-right: 10px !important;
    margin-left: 0 !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] input.wpProQuiz_QuestionButton[name="back"],
.wpProQuiz_content[id^="wpProQuiz_"] input.wpProQuiz_QuestionButton[name="next"] {
    float: right !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] input.wpProQuiz_QuestionButton[name="next"] {
    margin-left: 10px !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_listItem > input.wpProQuiz_QuestionButton[type="button"] {
    flex: 1 1 calc(50% - 5px) !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_text > div {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_text input[name="startQuiz"],
.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_text input[name="wppqsrStartResume"] {
    flex: 1 1 calc(50% - 5px) !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] input.wpProQuiz_QuestionButton[type="hidden"] {
    display: none !important;
}

@media (max-width: 640px) {
    .wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_listItem > input.wpProQuiz_QuestionButton[type="button"] {
        flex: 1 1 100% !important;
    }
}

@media (min-width: 980px) {
    .wpProQuiz_content[id^="wpProQuiz_"] {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 320px;
        gap: 22px;
        align-items: start;
    }

    .wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_text,
    .wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_results {
        grid-column: 1;
    }

    .wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_quiz {
        grid-column: 1;
        grid-row: 1 / span 4;
    }

    .wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_sidebar {
        grid-column: 2;
        grid-row: 1 / span 4;
        position: sticky;
        top: 16px;
        align-self: start;
        padding: 14px !important;
        border: 1px solid var(--wppq-ui-border);
        border-radius: 16px;
        background: #fff !important;
        box-shadow: var(--wppq-ui-shadow);
    }

    .wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_text:not([style*="display: none"]) ~ .wpProQuiz_sidebar {
        display: none !important;
    }

    .wpProQuiz_content[id^="wpProQuiz_"]:has(.wpProQuiz_results:not([style*="display: none"])):not(:has(.wpProQuiz_quiz:not([style*="display: none"]))) {
        grid-template-columns: minmax(0, 1fr);
    }

    .wpProQuiz_content[id^="wpProQuiz_"]:has(.wpProQuiz_results:not([style*="display: none"])):not(:has(.wpProQuiz_quiz:not([style*="display: none"]))) .wpProQuiz_sidebar {
        display: none !important;
    }

    .wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_time_limit {
        grid-column: auto;
        grid-row: auto;
        margin: 0 !important;
        padding: 0 0 12px 0 !important;
        border: 0 !important;
        border-radius: 0;
        background: transparent !important;
        box-shadow: none !important;
    }

    .wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_reviewDiv {
        grid-column: auto;
        grid-row: auto;
        margin: 8px 0 0 0 !important;
        padding: 18px 0 0 0 !important;
        border: 0 !important;
        border-radius: 0;
        background: transparent !important;
        box-shadow: none !important;
    }

    .wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_sidebar input[name="review"] {
        display: inline-flex !important;
        width: 100% !important;
        justify-content: center !important;
    }

    .wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_sidebar input[name="quizSummary"] {
        width: 100% !important;
        margin-top: 10px !important;
    }

    .wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_reviewQuestion {
        max-height: 480px !important;
    }

    .wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_reviewQuestion ol {
        grid-template-columns: 1fr !important;
    }

    .wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_reviewQuestion li {
        justify-content: space-between !important;
        padding: 10px 12px !important;
        font-size: 0.95rem !important;
    }
}

/* ==========================================================================
   Result Screen Redesign (mobile-first, theme-friendly, function-safe)
   ========================================================================== */
.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_results {
    background: #fff !important;
    border: 1px solid var(--wppq-ui-border) !important;
    border-radius: 18px !important;
    padding: 16px !important;
    box-shadow: var(--wppq-ui-shadow) !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_results .wpProQuiz_header {
    margin: 0 0 8px 0 !important;
    color: var(--wppq-ui-text) !important;
    font-size: clamp(1.25rem, 3.5vw, 1.9rem) !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_results .wpProQuiz_quiz_time {
    margin: 0 0 14px 0 !important;
    color: #5f6788 !important;
    font-size: 1rem !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_results .wpProQuiz_points {
    margin: 0 0 14px 0 !important;
    padding: 12px 14px !important;
    border: 1px solid var(--wppq-ui-border) !important;
    border-radius: 14px !important;
    background: #f8f9ff !important;
    color: var(--wppq-ui-text) !important;
    font-size: 1.02rem !important;
    line-height: 1.75 !important;
    font-weight: 700 !important;
    text-align: left !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_results .wpProQuiz_points span {
    font-weight: 800 !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_results .wpProQuiz_resultTable {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 14px 0 !important;
    border: 1px solid var(--wppq-ui-border) !important;
    border-radius: 14px !important;
    padding: 12px !important;
    background: #fff !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_results .wpProQuiz_resultName {
    width: 42% !important;
    border-right: 1px solid var(--wppq-ui-border) !important;
    color: var(--wppq-ui-text) !important;
    font-weight: 700 !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_results .wpProQuiz_resultValue {
    padding-left: 10px !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_results .wpProQuiz_resultValue div {
    border-radius: 999px !important;
    box-shadow: none !important;
    height: 12px !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_results .wpProQuiz_resultsList {
    margin: 0 !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_results .wpProQuiz_resultsList > li > div {
    border: 1px solid var(--wppq-ui-border) !important;
    border-radius: 14px !important;
    background: #fff !important;
    padding: 14px !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_results .wpProQuiz_resultsList img {
    max-width: 100% !important;
    height: auto !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_results .wpProQuiz_toplistTable {
    margin-top: 12px !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_results > div[style*="margin: 10px 0px"] {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin: 14px 0 0 0 !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_results > div[style*="margin: 10px 0px"] .wpProQuiz_button {
    flex: 1 1 100% !important;
    width: 100% !important;
    min-height: 52px !important;
}

@media (min-width: 768px) {
    .wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_results {
        padding: 20px !important;
    }

    .wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_results > div[style*="margin: 10px 0px"] .wpProQuiz_button {
        flex: 0 0 auto !important;
        width: auto !important;
        min-width: 210px !important;
    }
}

/* Result progress bars (JS-free visual upgrade) */
.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_results .wpProQuiz_resultTable table {
    table-layout: fixed !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_results .wpProQuiz_resultValue {
    position: relative !important;
    padding: 0 0 0 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_results .wpProQuiz_resultValue::before {
    content: "" !important;
    position: absolute !important;
    left: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: min(240px, calc(100% - 90px)) !important;
    height: 12px !important;
    border-radius: 999px !important;
    background: #edf1ff !important;
    border: 1px solid #d9e1fb !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_results .wpProQuiz_resultValue div {
    position: relative !important;
    z-index: 1 !important;
    display: inline-block !important;
    min-width: 2px !important;
    max-width: min(240px, calc(100% - 90px)) !important;
    height: 12px !important;
    border-radius: 999px !important;
    box-shadow: none !important;
    vertical-align: middle !important;
    margin-right: 0 !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_results .wpProQuiz_resultTable tr:first-child .wpProQuiz_resultValue div {
    background: #8fa2f1 !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_results .wpProQuiz_resultTable tr:nth-child(2) .wpProQuiz_resultValue div {
    background: #303f9f !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_results .wpProQuiz_resultValue span {
    position: relative !important;
    z-index: 1 !important;
    display: inline-block !important;
    min-width: 54px !important;
    color: #2a3354 !important;
    font-weight: 700 !important;
    vertical-align: middle !important;
}

/* Keep quiz below result area when "Sorulari incele" mode is enabled */
@media (min-width: 980px) {
    .wpProQuiz_content[id^="wpProQuiz_"].wpProQuiz_in-review-mode .wpProQuiz_results {
        grid-column: 1 !important;
        grid-row: 1 !important;
    }

    .wpProQuiz_content[id^="wpProQuiz_"].wpProQuiz_in-review-mode .wpProQuiz_quiz {
        grid-column: 1 !important;
        grid-row: 2 !important;
    }

    .wpProQuiz_content[id^="wpProQuiz_"].wpProQuiz_in-review-mode .wpProQuiz_sidebar {
        grid-column: 2 !important;
        grid-row: 1 / span 2 !important;
    }
}

/* Toplist modernization */
.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_toplist {
    margin: 14px 0 0 0 !important;
    border: 1px solid var(--wppq-ui-border) !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: var(--wppq-ui-shadow) !important;
    padding: 12px !important;
    overflow-x: auto !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_toplist h2 {
    margin: 4px 0 12px 0 !important;
    color: var(--wppq-ui-text) !important;
    font-size: 1.2rem !important;
    font-weight: 800 !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_toplistTable {
    min-width: 640px !important;
    margin: 0 !important;
    border-color: #cfd8f1 !important;
    border-radius: 12px !important;
    background: #fff !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_toplistTable thead th {
    position: sticky !important;
    top: 0 !important;
    z-index: 2 !important;
    background: #edf1ff !important;
    color: #24307a !important;
    border-bottom: 1px solid #d6dff8 !important;
    padding: 8px 12px !important;
    letter-spacing: 0.02em !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_toplistTable tbody tr:hover {
    background: #f3f6ff !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_toplistTable td:last-child,
.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_toplistTable th:last-child {
    text-align: center !important;
    font-weight: 700 !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_toplistTable tbody tr:nth-child(even) {
    background: #f6f8ff !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_toplistTable tbody td {
    color: #33405f !important;
    background: transparent !important;
    padding: 10px 12px !important;
    line-height: 1.3 !important;
}

/* Core toplist column balance: narrower name, wider date */
.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_toplistTable th:nth-child(2),
.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_toplistTable td:nth-child(2) {
    width: 30% !important;
}

.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_toplistTable th:nth-child(3),
.wpProQuiz_content[id^="wpProQuiz_"] .wpProQuiz_toplistTable td:nth-child(3) {
    width: 230px !important;
    min-width: 230px !important;
}