.elementor-9840 .elementor-element.elementor-element-a32f693{--display:flex;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-9840 .elementor-element.elementor-element-959e993{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9840 .elementor-element.elementor-element-959e993.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-9840 .elementor-element.elementor-element-e382707{background-color:transparent;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;background-image:linear-gradient(0deg, #693800 0%, #A26505 100%);border-radius:0px 0px 0px 0px;}.elementor-9840 .elementor-element.elementor-element-bab6323{--display:flex;}@media(max-width:1024px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-9840 .elementor-element.elementor-element-959e993{--width:285px;}.elementor-9840 .elementor-element.elementor-element-bab6323{--content-width:585px;--min-height:0px;}}/* Start custom CSS for html, class: .elementor-element-e382707 *//* பாரம்பரிய தமிழ் முறைப்படி மாற்றப்பட்ட CSS (Traditional Tamil Style) */

body {
    font-family: 'Times New Roman', serif; /* பாரம்பரிய எழுத்துரு */
    background-color: #f7f3e8; /* வெளிர் செம்மண் / சாம்பல் கலந்த மஞ்சள் (Parchment/Sand color) */
    color: #3b2f2f; /* அடர் பழுப்பு நிறம் (Deep Brown/Sepia text) */
    margin: 0;
    padding: 20px;
}

.quiz-container {
    max-width: 850px;
    margin: 0 auto;
    background: #fffffa; /* வெண்மையான காகிதம் */
    padding: 35px;
    border-radius: 4px; /* கூர்மையான மூலைகள் */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* தெளிவான நிழல் */
    border: 1px solid #c2b280; /* பழைய விளிம்பு */
}

h1 {
    text-align: center;
    color: #8b0000; /* அடர் சிகப்பு/மருன் (Deep Red/Maroon) */
    border-bottom: 2px solid #c2b280; /* பாரம்பரிய தங்க நிறக் கோடு */
    padding-bottom: 15px;
    margin-bottom: 30px;
}
h2 {
    color: #3b2f2f;
}

.question {
    margin-bottom: 30px;
    padding: 20px;
    border: 1px dashed #d1c7a8; /* கோடு கோடான லேசான விளிம்பு */
    border-radius: 0; /* வட்டமில்லாத மூலை */
    background-color: #fffff7; /* கிட்டத்தட்ட வெள்ளை */
}

.question p {
    font-weight: bold;
    font-size: 1.15em;
    color: #004d40; /* அடர் பச்சை (Deep Teal/Green for question focus) */
    margin-top: 0;
    line-height: 1.6;
}

.options label {
    display: block;
    margin: 10px 0;
    cursor: pointer;
    padding: 10px;
    border-radius: 0;
    border-left: 5px solid #c2b280; /* ஓலைச்சுவடி போல இடது விளிம்பு */
    transition: background-color 0.3s;
    box-sizing: border-box;
}

/* ரேடியோ பட்டனை மறைக்கவும் */
.options input[type="radio"] {
    display: none;
}

/* சரியான விடையை பச்சை நிறத்தில் காட்டுதல் (SPAN நேரடியாக) */
.options span.correct-choice-display {
    background-color: #e6ffe6; /* Light Mint Green */
    color: #006400; /* Dark Green Text */
    border: 1px solid #006400;
    font-weight: bold;
    display: block;
    padding: 8px;
    border-radius: 0;
}

/* பிழையான விடையை சிவப்பு நிறத்தில் காட்டுதல் (SPAN நேரடியாக) */
.options span.incorrect-choice-display {
    background-color: #ffe6e6; /* Light Rose Red */
    color: #8b0000; /* Dark Red Text */
    border: 1px solid #8b0000;
    font-weight: bold;
    display: block;
    padding: 8px;
    border-radius: 0;
}

/* விளக்கம் பெட்டி */
.result-box {
    margin-top: 20px;
    padding: 20px;
    border-radius: 0;
    font-size: 1em;
    line-height: 1.6;
    display: none;
    transition: opacity 0.5s;
}
.result-correct {
    border: 2px solid #006400;
    background-color: #f0fff0; /* Very light green */
}
.result-incorrect {
    border: 2px solid #8b0000;
    background-color: #fff0f0; /* Very light red */
}
.feedback-title {
    font-weight: bold;
    margin-bottom: 8px;
    font-size: 1.1em;
    display: block;
}
.feedback-correct-reason {
    color: #3b2f2f;
    font-weight: normal;
    border-top: 1px solid #c2b280;
    padding-top: 10px;
    margin-top: 10px;
    display: block;
}
.feedback-incorrect-reason {
    color: #8b0000;
    font-weight: bold;
}/* End custom CSS */