.ttu-quiz{--ttu-ink:#173244;--ttu-teal:#14796e;--ttu-border:#dce3e2;max-width:840px;margin:32px auto;color:var(--ttu-ink);font:16px/1.6 Arial,Helvetica,sans-serif;scroll-margin-top:110px}.ttu-quiz *{box-sizing:border-box}.ttu-quiz .ttu-panel,.ttu-quiz .ttu-review{background:#fff;border:1px solid var(--ttu-border);border-radius:18px;padding:clamp(22px,4vw,38px);box-shadow:0 12px 35px #102d3f0d}.ttu-quiz h2{font:700 clamp(27px,3vw,36px)/1.2 Georgia,serif;margin:10px 0 20px}.ttu-quiz h3,.ttu-quiz h4{color:var(--ttu-ink)}.ttu-quiz .ttu-eyebrow{font-size:12px;color:var(--ttu-teal);font-weight:700;letter-spacing:.13em;text-transform:uppercase}.ttu-quiz .ttu-note{font-size:13px;color:#586b74}.ttu-quiz button,.ttu-quiz .ttu-primary{cursor:pointer;border-radius:9px;min-height:46px;padding:10px 19px;font:700 15px Arial,sans-serif;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.ttu-quiz button:focus-visible,.ttu-quiz a:focus-visible,.ttu-quiz input:focus-visible{outline:3px solid #d4a853;outline-offset:3px}.ttu-quiz .ttu-primary{background:var(--ttu-teal);color:#fff;border:1px solid var(--ttu-teal)}.ttu-quiz .ttu-secondary{background:#fff;border:1px solid #b8ccc8;color:var(--ttu-ink)}.ttu-quiz button:disabled{opacity:.45;cursor:not-allowed}.ttu-quiz .ttu-quiz-ad{margin:25px 0;padding:12px 0;border-top:1px solid var(--ttu-border);border-bottom:1px solid var(--ttu-border);min-height:130px;text-align:center}.ttu-quiz .ttu-quiz-ad>span{display:block;font-size:11px;color:#70848c;margin-bottom:9px}.ttu-quiz .ttu-progress-label{display:flex;justify-content:space-between;font-weight:700;font-size:14px}.ttu-quiz .ttu-progress-label span{font-weight:400;color:#647880}.ttu-quiz .ttu-progress{height:7px;background:#e8f1ee;border-radius:20px;margin:11px 0 25px;overflow:hidden}.ttu-quiz .ttu-progress>div{background:var(--ttu-teal);height:100%}.ttu-quiz fieldset{border:0;padding:0;margin:0}.ttu-quiz .ttu-option{display:flex;align-items:center;gap:13px;border:1px solid var(--ttu-border);border-radius:10px;padding:14px 16px;margin:10px 0;cursor:pointer}.ttu-quiz .ttu-option.selected,.ttu-quiz .ttu-option:focus-within{border-color:var(--ttu-teal);background:#ebf6f1}.ttu-quiz .ttu-option input{accent-color:var(--ttu-teal)}.ttu-quiz .ttu-option span{display:grid;place-items:center;border-radius:6px;background:#eef3f0;width:28px;height:28px;flex:none;font-weight:700}.ttu-quiz .ttu-controls,.ttu-quiz .ttu-result-actions{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;margin-top:26px}.ttu-quiz .ttu-review{margin-top:25px}.ttu-quiz .ttu-review article{border-top:1px solid var(--ttu-border);padding:19px 0}.ttu-quiz .ttu-review article p{margin:7px 0}.ttu-quiz .ttu-review article a{color:var(--ttu-teal);text-decoration:underline}.ttu-quiz .screen-reader-text{position:absolute;width:1px;height:1px;clip:rect(1px,1px,1px,1px);overflow:hidden}@media(max-width:600px){.ttu-quiz .ttu-progress-label{display:block}.ttu-quiz .ttu-progress-label span{display:block}}

/* Keep the primary action visible even when the pre-start ad expands. */
.ttu-quiz{margin:8px auto 28px;scroll-margin-top:85px}
.ttu-quiz .ttu-start-button{display:flex;width:min(100%,360px);min-height:64px;padding:17px 26px;font-size:19px;line-height:1.25;box-shadow:0 12px 24px #14796e2b;margin:20px 0 16px;position:relative;z-index:1}
.ttu-quiz .ttu-quiz-ad{display:block;clear:both;position:relative;max-width:100%;overflow:visible;isolation:isolate;margin:40px 0 0;padding:20px 0;min-height:280px}
.ttu-quiz .ttu-quiz-ad ins.adsbygoogle{display:block;max-width:100%;margin:0 auto}
@media(max-width:600px){.ttu-quiz .ttu-start-button{width:100%;font-size:18px}.ttu-quiz .ttu-panel{padding:22px 18px}.ttu-quiz .ttu-quiz-ad{margin-top:24px}}

/* Answer feedback uses both words and colour. */
.ttu-quiz .ttu-option-text{flex:1;min-width:0}
.ttu-quiz .ttu-option.is-correct{border:2px solid #177342;background:#eaf7ee;color:#174c2b}
.ttu-quiz .ttu-option.is-wrong{border:2px solid #b83232;background:#fff0f0;color:#842020}
.ttu-quiz .ttu-option:has(input:disabled){cursor:default}
.ttu-quiz .ttu-option input:disabled{opacity:1}
.ttu-quiz .ttu-option-status{display:block;font-size:13px;margin-top:5px}
.ttu-quiz .ttu-feedback{margin:20px 0 8px;border-left:4px solid #177342;border-radius:8px;padding:18px 20px;background:#eaf7ee;color:#174c2b}
.ttu-quiz .ttu-feedback.is-wrong{border-color:#b83232;background:#fff0f0;color:#842020}
.ttu-quiz .ttu-feedback>strong{display:block;font-size:19px}
.ttu-quiz .ttu-feedback p{margin:8px 0;line-height:1.6}
.ttu-quiz .ttu-feedback a{color:inherit;text-decoration:underline;font-size:14px}
.ttu-quiz .ttu-feedback:focus-visible{outline:3px solid #d4a853;outline-offset:3px}
.ttu-quiz .ttu-quiz-picker{border:1px solid #cbdcd4;border-radius:10px;background:#f4f8f5;margin:0 0 14px;padding:14px 18px}
.ttu-quiz .ttu-quiz-picker summary{font-weight:700;cursor:pointer;color:#173244}
.ttu-quiz .ttu-quiz-picker nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:16px}
.ttu-quiz .ttu-quiz-picker h3{font:700 17px Arial,sans-serif;margin:0 0 8px}
.ttu-quiz .ttu-quiz-picker ul{list-style:none;padding:0;margin:0}
.ttu-quiz .ttu-quiz-picker li{margin:6px 0}
.ttu-quiz .ttu-quiz-picker a{color:#14796e;text-decoration:underline;display:block;padding:5px 0;font-size:14px}
.ttu-quiz .ttu-quiz-picker [aria-current]{display:block;color:#526772;font-size:14px;padding:5px 0}
@media(max-width:600px){.ttu-quiz .ttu-quiz-picker nav{grid-template-columns:1fr}.ttu-quiz .ttu-feedback{padding:16px}}

.ttu-quiz .ttu-quiz-ad>span{display:block;font-size:12px;color:#66746e;margin-bottom:12px}.ttu-quiz .ttu-result-related{margin:36px 0;padding:24px;border:1px solid #cbdcd4;border-radius:12px;background:#f4f8f5}.ttu-quiz .ttu-result-related li{margin:12px 0}.ttu-quiz .ttu-result-related a{color:#14796e;text-decoration:underline}@media(max-width:600px){.ttu-quiz .ttu-quiz-ad{margin-top:36px;min-height:280px}}

.ttu-quiz .ttu-sign-figure{margin:18px 0 24px;padding:18px;background:#f4f6f8;border:1px solid #d6e0dd;border-radius:12px;text-align:center}.ttu-quiz .ttu-sign-figure img{display:block;width:auto;height:180px;max-width:100%;object-fit:contain;margin:0 auto}.ttu-quiz .ttu-sign-figure figcaption{font-size:12px;color:#61716e;margin-top:10px}.ttu-quiz .ttu-review .ttu-sign-figure img{width:auto;height:120px}

.ttu-quiz[lang="ml"]{font-family:"Noto Sans Malayalam","Nirmala UI","Kartika",system-ui,sans-serif;line-height:1.85}.ttu-quiz[lang="ml"] h2{line-height:1.7}.ttu-quiz[lang="ml"] .ttu-option{line-height:1.8}.ttu-quiz[lang="ml"] .ttu-start-button{white-space:normal;line-height:1.7}
.ttu-quiz .ttu-en{display:block;margin-top:5px;color:#64727a;font:400 13px/1.45 Arial,Helvetica,sans-serif;letter-spacing:0}.ttu-quiz h2 .ttu-en{margin-top:8px;font-size:14px}.ttu-quiz .ttu-option .ttu-en{margin-top:3px}.ttu-quiz .ttu-en-explanation{margin:12px 0 10px;border-top:1px solid currentColor;padding-top:8px}.ttu-quiz .ttu-en-explanation summary{cursor:pointer;font-size:13px;font-weight:700}.ttu-quiz .ttu-en-explanation p{margin:7px 0 0;font:400 13px/1.55 Arial,Helvetica,sans-serif}.ttu-quiz .ttu-review h4 .ttu-en{font-size:13px}.ttu-quiz .ttu-review p .ttu-en{margin-left:0}
.ttu-quiz[dir="rtl"]{font-family:"Noto Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif;text-align:right}.ttu-quiz[dir="rtl"] .ttu-en{text-align:left}.ttu-quiz[dir="rtl"] .ttu-progress>div{margin-right:0;margin-left:auto}.ttu-quiz[dir="rtl"] .ttu-feedback{border-left:0;border-right:4px solid #177342}.ttu-quiz[dir="rtl"] .ttu-feedback.is-wrong{border-right-color:#b83232}.ttu-quiz[dir="rtl"] .ttu-controls,.ttu-quiz[dir="rtl"] .ttu-result-actions{direction:rtl}

/* Compact, full-width mobile presentation for every language and quiz bank. */
@media(max-width:760px){
  .ttu-quiz{width:100%;max-width:none;margin:5px 0 22px;font-size:15px;line-height:1.55}
  .ttu-quiz .ttu-panel,.ttu-quiz .ttu-review{padding:18px 12px;border-radius:12px;box-shadow:0 7px 20px #102d3f0a}
  .ttu-quiz h2{font-size:clamp(23px,6.3vw,29px);line-height:1.35;margin:9px 0 17px}
  .ttu-quiz .ttu-progress{margin-bottom:18px}
  .ttu-quiz .ttu-option{align-items:flex-start;gap:9px;padding:12px 10px;margin:9px 0;border-radius:9px;font-size:16px;line-height:1.5}
  .ttu-quiz .ttu-option input{margin-top:7px;flex:none}
  .ttu-quiz .ttu-option span{width:27px;height:27px;margin-top:1px}
  .ttu-quiz .ttu-en{font-size:12.5px;line-height:1.4;margin-top:3px}
  .ttu-quiz h2 .ttu-en{font-size:13px;line-height:1.45;margin-top:7px}
  .ttu-quiz .ttu-controls,.ttu-quiz .ttu-result-actions{gap:9px;margin-top:20px}
  .ttu-quiz .ttu-controls button,.ttu-quiz .ttu-result-actions>*{flex:1;min-width:125px}
  .ttu-quiz .ttu-feedback{padding:15px 13px;margin-top:16px}
  .ttu-quiz .ttu-quiz-picker{padding:12px 13px;margin-bottom:10px}
  .ttu-quiz .ttu-sign-figure{padding:12px;margin:14px 0 18px}
  .ttu-quiz[lang="ml"]{line-height:1.65}
  .ttu-quiz[lang="ml"] h2{font-size:clamp(23px,6.1vw,28px);line-height:1.48}
  .ttu-quiz[lang="ml"] .ttu-option{line-height:1.58}
}

.ttu-quiz[lang="bn"]{font-family:"Noto Sans Bengali","Nirmala UI",system-ui,sans-serif;line-height:1.7}
.ttu-quiz[lang="ta"]{font-family:"Noto Sans Tamil","Nirmala UI",system-ui,sans-serif;line-height:1.7}
.ttu-quiz[lang="bn"] h1,.ttu-quiz[lang="ta"] h1,.ttu-quiz[lang="bn"] h2,.ttu-quiz[lang="ta"] h2{line-height:1.5}
@media(max-width:600px){.ttu-quiz[lang="bn"] h2,.ttu-quiz[lang="ta"] h2{font-size:clamp(21px,5.6vw,27px);line-height:1.5}.ttu-quiz[lang="bn"] .ttu-option,.ttu-quiz[lang="ta"] .ttu-option{line-height:1.6}}

/* Keep the active question below Astra's sticky mobile header. */
.ttu-quiz .ttu-progress-label,.ttu-quiz .ttu-panel{scroll-margin-top:100px}
