
/* The logo is slightly larger; decorative dots stay enabled for the intro sky effect. */
.rlogo{width:clamp(120px,26vw,210px);height:clamp(120px,26vw,210px)}
/* Keep the three admin exports large, coloured by file type, and left aligned. */
.passport-dl .pd-actions{justify-content:flex-start!important;align-items:flex-start;flex-wrap:wrap;gap:12px}
.passport-dl .pd-actions button{min-width:170px;min-height:50px;padding:13px 20px;font-size:14px!important}
.passport-dl .pd-actions button.word{background:#2563eb!important;color:#fff!important}
.passport-dl .pd-actions button.pdf{background:#dc2626!important;color:#fff!important}
.passport-dl .pd-actions button.excel{background:#16a34a!important;color:#fff!important}
.rc-actions{justify-content:flex-start!important}
.rc-word{min-height:44px;padding:11px 17px;font-size:13px}
/* Strong, consistent contrast for every test question and answer control in dark mode. */
body.tl-dark .q-head,body.tl-dark .q-body,body.tl-dark .opt,body.tl-dark .opt-row,
body.tl-dark .bf-q,body.tl-dark .hl-q,body.tl-dark .lt-q,body.tl-dark .so-q,body.tl-dark .ag-q,
body.tl-dark .hd-q,body.tl-dark .tu-q,body.tl-dark .tt-q,body.tl-dark .tm-q,body.tl-dark .at-q,
body.tl-dark .cs-q,body.tl-dark .bs-q,body.tl-dark .bf-opt,body.tl-dark .hl-opt,body.tl-dark .lt-opt,
body.tl-dark .so-opt,body.tl-dark .ag-opt,body.tl-dark .hd-opt,body.tl-dark .tu-opt,body.tl-dark .tt-opt,
body.tl-dark .tm-opt,body.tl-dark .at-num,body.tl-dark .cs-opt,body.tl-dark .tm-instr,
body.tl-dark .bf-instr,body.tl-dark .hl-instr,body.tl-dark .lt-instr,body.tl-dark .so-instr,
body.tl-dark .so-hint,body.tl-dark .hd-instr,body.tl-dark .bs-instr{
  background:#fff!important;color:#17202a!important;border-color:#cbd5e1!important
}
body.tl-dark .q-title,body.tl-dark .q-sub,body.tl-dark .q-body *,body.tl-dark .q-head *,
body.tl-dark .bf-qhead,body.tl-dark .hl-qhead,body.tl-dark .lt-qhead,body.tl-dark .so-qhead,
body.tl-dark .ag-qhead,body.tl-dark .hd-qhead,body.tl-dark .tu-qhead,body.tl-dark .tt-qhead,
body.tl-dark .tm-qhead,body.tl-dark .at-poles,body.tl-dark .cs-qhead,body.tl-dark .bs-qhead,
body.tl-dark .opt .label,body.tl-dark .opt-row .rt b,body.tl-dark .opt-row .rt span,
body.tl-dark .bf-opt .olb,body.tl-dark .hl-opt .olb,body.tl-dark .lt-opt .olb,
body.tl-dark .so-opt .otxt,body.tl-dark .ag-opt,body.tl-dark .hd-opt,body.tl-dark .tu-opt,
body.tl-dark .tt-opt,body.tl-dark .tm-opt,body.tl-dark .cs-ol,body.tl-dark .bs-opt,
body.tl-dark .at-poles .pos,body.tl-dark .at-poles .neg{color:#17202a!important}
body.tl-dark .q-body input,body.tl-dark .q-body textarea,body.tl-dark .cs-q input,
body.tl-dark .cs-q textarea,body.tl-dark .bs-q input,body.tl-dark .bs-q textarea{
  background:#fff!important;color:#17202a!important;border-color:#94a3b8!important
}
body.tl-dark .bf-q.locked,body.tl-dark .hl-q.locked,body.tl-dark .lt-q.locked,body.tl-dark .so-q.locked,
body.tl-dark .ag-q.locked,body.tl-dark .hd-q.locked,body.tl-dark .tu-q.locked,body.tl-dark .tt-q.locked,
body.tl-dark .tm-q.locked,body.tl-dark .cs-q.locked,body.tl-dark .bs-q.locked{
  background:#f8fafc!important;color:#334155!important;opacity:.78
}
body.tl-dark .bf-lock,body.tl-dark .hl-lock,body.tl-dark .lt-lock,body.tl-dark .so-lock,
body.tl-dark .ag-lock,body.tl-dark .hd-lock,body.tl-dark .tu-lock,body.tl-dark .tt-lock,
body.tl-dark .tm-lock,body.tl-dark .cs-lock,body.tl-dark .bs-lock{color:#475569!important}
/* AI output is readable in both themes and starts open after completion. */
.tl-ai{background:#f8fafc!important;color:#17202a!important;border-color:#cbd5e1!important}
.tl-ai summary{color:#0e7490!important}
.tl-ai li{color:#334155!important;border-color:#e2e8f0!important}
.tl-ai-src{color:#64748b!important;border-color:#e2e8f0!important}
.tl-ai-src a{color:#0369a1!important}
/* Preserve white numerals/checkmarks on coloured status badges. */
body.tl-dark .q-num,body.tl-dark .opt .tick,body.tl-dark .opt .badge,
body.tl-dark .bf-qhead .n,body.tl-dark .hl-qhead .n,body.tl-dark .lt-qhead .n,
body.tl-dark .so-qhead .n,body.tl-dark .ag-qhead .n,body.tl-dark .hd-qhead .n,
body.tl-dark .tu-qhead .n,body.tl-dark .tt-qhead .n,body.tl-dark .tm-qhead .n,
body.tl-dark .cs-qhead .n,body.tl-dark .at-poles .n{color:#fff!important}
