html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
:root{--tcts-blue:#2447dc;--tcts-blue-dark:#142b9b;--tcts-ink:#0f172a;--tcts-muted:#64748b;--tcts-line:#e2e8f0;--tcts-bg:#f8fafc;--tcts-green:#16a34a;--tcts-red:#dc2626;--tcts-purple:#7c3aed}.tcts-home-courses{margin:48px auto;max-width:1200px}.tcts-section-heading{text-align:center;margin-bottom:24px}.tcts-section-heading h2{color:var(--tcts-ink);font-size:clamp(28px,4vw,42px);margin:6px 0}.tcts-course-grid,.tcts-result-stats{display:grid;gap:20px}.tcts-course-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tcts-course-card{background:#fff;border:1px solid var(--tcts-line);border-radius:18px;overflow:hidden;box-shadow:0 9px 28px rgba(15,23,42,.07);transition:.25s}.tcts-course-card:hover{transform:translateY(-4px);box-shadow:0 16px 38px rgba(15,23,42,.12)}.tcts-course-image{display:block;height:180px;background:linear-gradient(135deg,#172554,#3157f4);background-size:cover;background-position:center;position:relative}.tcts-course-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(15,23,42,.35))}.tcts-badge{position:absolute;z-index:1;left:14px;top:14px;color:#fff;background:var(--tcts-purple);border-radius:999px;font-size:11px;font-weight:800;padding:6px 10px;letter-spacing:.06em}.tcts-course-body{padding:20px}.tcts-course-body h3{font-size:21px;line-height:1.3;margin:10px 0}.tcts-course-body h3 a{color:var(--tcts-ink);text-decoration:none}.tcts-course-body p{color:var(--tcts-muted);min-height:48px}.tcts-course-meta,.tcts-course-footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.tcts-course-meta{font-size:13px;color:var(--tcts-muted)}.tcts-course-footer{border-top:1px solid var(--tcts-line);padding-top:16px;margin-top:16px}.tcts-course-footer strong{font-size:22px;color:var(--tcts-ink)}.tcts-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:linear-gradient(135deg,var(--tcts-blue),#315cf5);color:#fff!important;border:0;border-radius:10px;padding:11px 17px;font-weight:700;text-decoration:none!important;cursor:pointer;box-shadow:0 6px 15px rgba(36,71,220,.2);font:inherit}.tcts-btn:hover{filter:brightness(.96);transform:translateY(-1px)}.tcts-btn-light{background:#fff;color:var(--tcts-blue)!important;box-shadow:none}.tcts-btn-outline{background:#fff;color:var(--tcts-blue)!important;border:1px solid #b7c5ff;box-shadow:none}.tcts-empty,.tcts-alert{background:#fff;border:1px solid var(--tcts-line);border-radius:14px;padding:25px;color:var(--tcts-muted)}.tcts-alert{text-align:center}.tcts-alert h3{color:var(--tcts-ink);margin-top:0}.tcts-alert-lock{border-color:#f8d38a;background:#fffaf0}.tcts-eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800;color:#6280ff}.tcts-access-card,.tcts-dashboard-head,.tcts-result-hero,.tcts-leader-head{background:linear-gradient(135deg,#111a3a,#2447dc);color:#fff;border-radius:20px;padding:28px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.tcts-access-card h2,.tcts-dashboard-head h2,.tcts-result-hero h1,.tcts-leader-head h2{color:#fff;margin:5px 0}.tcts-access-card p,.tcts-dashboard-head p,.tcts-result-hero p,.tcts-leader-head p{margin:0;opacity:.8}.tcts-unlocked{background:#dcfce7;color:#166534;padding:9px 13px;border-radius:999px;font-weight:800}.tcts-test-list h2,.tcts-dashboard>h2,.tcts-result>h2{color:var(--tcts-ink)}.tcts-test-row{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--tcts-line);border-radius:14px;padding:18px;margin-bottom:12px}.tcts-test-number{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;background:#eef2ff;color:var(--tcts-blue);font-weight:800;flex:0 0 auto}.tcts-test-info{flex:1}.tcts-test-info h3{margin:0 0 4px;color:var(--tcts-ink);font-size:18px}.tcts-test-info p{margin:0;color:var(--tcts-muted)}.tcts-locked{color:var(--tcts-muted);font-weight:700}.tcts-results-table{overflow-x:auto;background:#fff;border:1px solid var(--tcts-line);border-radius:14px}.tcts-results-table table{width:100%;border-collapse:collapse}.tcts-results-table th,.tcts-results-table td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--tcts-line)}.tcts-results-table th{background:#f8fafc;color:#475569;font-size:13px}.tcts-results-table a{color:var(--tcts-blue);font-weight:700}.tcts-exam-app{font-family:Inter,system-ui,sans-serif;max-width:1280px;margin:auto;color:var(--tcts-ink)}.tcts-exam-loading{min-height:380px;display:flex;gap:14px;align-items:center;justify-content:center;background:#fff;border:1px solid var(--tcts-line);border-radius:18px}.tcts-spinner{width:28px;height:28px;border:3px solid #dbe4ff;border-top-color:var(--tcts-blue);border-radius:50%;animation:tcts-spin .8s linear infinite}@keyframes tcts-spin{to{transform:rotate(360deg)}}.tcts-exam-top{position:sticky;top:0;z-index:10;background:#111a3a;color:#fff;border-radius:16px;padding:16px 22px;display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;box-shadow:0 10px 25px rgba(15,23,42,.16)}.tcts-exam-top h1{color:#fff;font-size:21px;margin:3px 0}.tcts-timer{min-width:110px;text-align:center;background:rgba(255,255,255,.1);border-radius:10px;padding:8px 12px}.tcts-timer span{font-size:11px;display:block;opacity:.75}.tcts-timer strong{font-size:20px}.tcts-timer.is-low{background:#7f1d1d;animation:tcts-pulse 1s infinite}@keyframes tcts-pulse{50%{opacity:.8}}.tcts-exam-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}.tcts-question-panel,.tcts-palette-panel{background:#fff;border:1px solid var(--tcts-line);border-radius:16px;box-shadow:0 7px 24px rgba(15,23,42,.06)}.tcts-question-panel{min-height:565px;display:flex;flex-direction:column}.tcts-question-progress{padding:14px 18px;border-bottom:1px solid var(--tcts-line);display:flex;justify-content:space-between;gap:10px;font-weight:700}.tcts-link-btn{border:0;background:transparent;color:var(--tcts-blue);font-weight:700;cursor:pointer;margin-left:12px}.tcts-question-card{padding:25px}.tcts-question-text{font-size:19px;line-height:1.65;display:flex;gap:12px;min-height:90px}.tcts-q-number{background:#e8edff;color:var(--tcts-blue);border-radius:8px;padding:4px 8px;font-weight:800;height:max-content;white-space:nowrap}.tcts-options{display:grid;gap:11px;margin-top:20px}.tcts-option{display:flex;align-items:center;gap:12px;border:1px solid #d9e0eb;border-radius:11px;padding:13px 15px;cursor:pointer;transition:.15s}.tcts-option:hover{border-color:#829aff;background:#f7f9ff}.tcts-option.is-chosen{border:2px solid var(--tcts-blue);background:#eef2ff}.tcts-option input{position:absolute;opacity:0}.tcts-option strong{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#f1f5f9;color:#334155;flex:0 0 auto}.tcts-option.is-chosen strong{background:var(--tcts-blue);color:#fff}.tcts-marking{margin-top:18px;color:var(--tcts-muted);font-size:13px}.tcts-exam-nav{margin-top:auto;padding:16px 20px;border-top:1px solid var(--tcts-line);display:flex;justify-content:space-between}.tcts-exam-nav button:disabled{opacity:.45;cursor:not-allowed}.tcts-palette-panel{padding:18px;position:sticky;top:100px}.tcts-palette-panel h3{margin-top:0}.tcts-palette-legend{display:grid;gap:5px;font-size:12px;color:var(--tcts-muted);margin-bottom:14px}.tcts-palette-legend span{display:flex;align-items:center;gap:7px}.tcts-palette-legend i{width:12px;height:12px;background:#e2e8f0;border-radius:3px}.tcts-palette-legend i.answered{background:var(--tcts-green)}.tcts-palette-legend i.review{background:var(--tcts-purple)}.tcts-palette{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;max-height:300px;overflow:auto}.tcts-palette button{height:40px;border:1px solid #cbd5e1;background:#f8fafc;border-radius:8px;cursor:pointer;font-weight:700}.tcts-palette button.answered{background:var(--tcts-green);border-color:var(--tcts-green);color:#fff}.tcts-palette button.review{background:var(--tcts-purple);border-color:var(--tcts-purple);color:#fff}.tcts-palette button.current{outline:3px solid #fbbf24;outline-offset:1px}.tcts-submit-all{width:100%;margin-top:18px}.tcts-exam-app.is-submitting:after{content:"Submitting secure result…";position:fixed;inset:0;background:rgba(15,23,42,.78);color:#fff;display:grid;place-items:center;z-index:99999;font-size:20px;font-weight:800}.tcts-result-hero.is-pass{background:linear-gradient(135deg,#064e3b,#16a34a)}.tcts-result-hero.is-fail{background:linear-gradient(135deg,#450a0a,#dc2626)}.tcts-score-ring{--score:0;width:145px;height:145px;border-radius:50%;display:grid;place-content:center;text-align:center;flex:0 0 auto;background:radial-gradient(circle closest-side,#142b3a 78%,transparent 80% 99%),conic-gradient(#facc15 calc(var(--score)*1%),rgba(255,255,255,.18) 0)}.tcts-score-ring strong{font-size:28px}.tcts-score-ring span{font-size:11px;letter-spacing:.08em}.tcts-result-stats{grid-template-columns:repeat(5,minmax(0,1fr));margin:20px 0}.tcts-result-stats>div{background:#fff;border:1px solid var(--tcts-line);border-radius:13px;padding:17px;text-align:center}.tcts-result-stats span{display:block;color:var(--tcts-muted);font-size:13px}.tcts-result-stats strong{display:block;color:var(--tcts-ink);font-size:21px;margin-top:4px}.tcts-result-stats .green{color:var(--tcts-green)}.tcts-result-stats .red{color:var(--tcts-red)}.tcts-result-actions{display:flex;gap:10px;margin:20px 0 30px}.tcts-review-card{background:#fff;border:1px solid var(--tcts-line);border-radius:15px;padding:22px;margin-bottom:16px}.tcts-review-question{display:flex;gap:12px;font-size:17px;font-weight:650;line-height:1.5}.tcts-review-question>span{color:var(--tcts-blue);font-weight:800}.tcts-review-options{display:grid;gap:8px;margin:18px 0}.tcts-review-option{display:flex;align-items:center;gap:11px;border:1px solid var(--tcts-line);border-radius:9px;padding:11px}.tcts-review-option>strong{width:28px;height:28px;display:grid;place-items:center;background:#f1f5f9;border-radius:50%}.tcts-review-option>span{flex:1}.tcts-review-option em{font-size:12px;font-style:normal;font-weight:800}.tcts-review-option.is-correct{border-color:#4ade80;background:#f0fdf4;color:#14532d}.tcts-review-option.is-correct>strong{background:var(--tcts-green);color:#fff}.tcts-review-option.is-wrong{border-color:#f87171;background:#fef2f2;color:#7f1d1d}.tcts-review-option.is-wrong>strong{background:var(--tcts-red);color:#fff}.tcts-review-option.is-selected{border-width:2px}.tcts-solution{background:#f8fafc;border-left:4px solid var(--tcts-blue);padding:14px 16px;border-radius:4px 10px 10px 4px}.tcts-solution h4{margin:0 0 8px}.tcts-solution-steps{margin-bottom:12px}.tcts-calculation{font-size:16px;padding:7px 0}.tcts-final-answer{color:#172554}.tcts-rank{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#eef2ff;color:var(--tcts-blue);font-weight:800}@media(max-width:980px){.tcts-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tcts-exam-layout{grid-template-columns:1fr}.tcts-palette-panel{position:static;order:-1}.tcts-palette{grid-template-columns:repeat(10,1fr);max-height:none}.tcts-question-panel{min-height:530px}.tcts-result-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){.tcts-course-grid{grid-template-columns:1fr}.tcts-course-image{height:160px}.tcts-access-card,.tcts-dashboard-head,.tcts-result-hero{border-radius:12px;padding:20px;align-items:flex-start;flex-direction:column}.tcts-test-row{align-items:flex-start;flex-wrap:wrap}.tcts-test-row .tcts-btn,.tcts-test-row .tcts-locked{margin-left:58px}.tcts-exam-top{top:0;border-radius:0;margin-inline:-16px;padding:12px 16px}.tcts-exam-top h1{font-size:16px;max-width:200px}.tcts-exam-layout{margin-inline:-10px}.tcts-question-progress{font-size:13px;align-items:flex-start}.tcts-question-progress>div{display:grid}.tcts-link-btn{margin:0;text-align:right}.tcts-question-card{padding:18px 14px}.tcts-question-text{font-size:16px;min-height:80px}.tcts-option{padding:11px 10px}.tcts-question-panel,.tcts-palette-panel{border-radius:10px}.tcts-palette{grid-template-columns:repeat(6,1fr)}.tcts-result-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.tcts-score-ring{width:125px;height:125px}.tcts-review-card{padding:15px}.tcts-review-option{align-items:flex-start}.tcts-review-option em{display:none}.tcts-results-table th,.tcts-results-table td{padding:11px;white-space:nowrap}}
/* ===== Modern Quiz Web App Enhancements ===== */
.tcts-body-exam{background:#f3f6fb}
.tcts-body-exam .site-footer{display:none}
.tcts-exam-app{width:100%;max-width:1500px;margin:0 auto;color:var(--tcts-ink)}
.tcts-exam-top{box-shadow:0 14px 35px rgba(15,23,42,.18)}
.tcts-exam-top h1{max-width:calc(100vw - 260px)}
.tcts-question-panel,.tcts-palette-panel{box-shadow:0 12px 35px rgba(15,23,42,.07)}
.tcts-question-panel{min-height:0}
.tcts-question-slide{animation:tctsQuestionIn .22s ease both}
@keyframes tctsQuestionIn{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:none}}
.tcts-exam-nav{gap:12px}
.tcts-exam-nav .btn,.tcts-submit-all{min-height:50px;padding:12px 20px;font-size:15px}
.tcts-submit-all{font-weight:800}
.tcts-palette button{color:#1f2937!important;transition:.16s transform,.16s box-shadow,.16s background,.16s color}
.tcts-palette button:hover{transform:translateY(-1px);box-shadow:0 5px 12px rgba(15,23,42,.10)}
.tcts-palette button.current{z-index:1}
.tcts-exam-app.is-submitting:after{backdrop-filter:blur(4px)}
.site-footer-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.site-footer-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 14px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);border-radius:10px;color:#fff!important;text-decoration:none;font-weight:800}
.site-footer-action:hover{background:rgba(255,255,255,.12)}
.tcts-mobile-bottom-nav{display:none}
@media(max-width:980px){
.tcts-body-exam .tcts-site-wrap{padding-inline:8px}
.tcts-question-panel{min-height:unset}
}
@media(max-width:760px){
.tcts-body-exam .site-header{position:static !important;top:auto !important}
.tcts-exam-top{padding:12px 14px;border-radius:12px}
.tcts-exam-top h1{font-size:16px;max-width:62vw;line-height:1.25}
.tcts-exam-layout{gap:10px}
.tcts-exam-nav{padding:12px;position:sticky;bottom:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-top:1px solid var(--tcts-line)}
.tcts-exam-nav .btn{min-height:54px;padding:12px 18px;font-size:16px;flex:1}
.tcts-submit-all{min-height:54px;font-size:16px}
.tcts-question-text{line-height:1.55}
.site-footer-inner{padding-bottom:90px}
.tcts-mobile-bottom-nav{position:fixed;left:10px;right:10px;bottom:10px;z-index:2000;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:7px;background:rgba(17,26,58,.97);border-radius:16px;box-shadow:0 14px 35px rgba(2,6,23,.28);backdrop-filter:blur(12px)}
.tcts-mobile-bottom-nav a{display:grid;place-items:center;gap:3px;padding:8px 4px;border-radius:11px;color:#e2e8f0;text-decoration:none;font-size:11px;font-weight:800}
.tcts-mobile-bottom-nav a:active,.tcts-mobile-bottom-nav a:hover{background:rgba(255,255,255,.10);color:#fff}
}
@media(min-width:761px){.tcts-body-exam .tcts-exam-layout{grid-template-columns:minmax(0,1fr) 330px}}
/* Deterministic selected-answer state: JS adds data-selected/class so theme CSS cannot hide it. */
.tcts-exam-app .tcts-option.is-chosen,.tcts-exam-app .tcts-option[data-selected="1"]{border:2px solid var(--tcts-blue)!important;background:#eef2ff!important;color:var(--tcts-ink)!important}
.tcts-exam-app .tcts-option.is-chosen>strong,.tcts-exam-app .tcts-option[data-selected="1"]>strong{background:var(--tcts-blue)!important;color:#fff!important}
@media(max-width:640px){.tcts-body-exam .tcts-exam-nav{position:sticky!important;bottom:0!important;top:auto!important;z-index:1001!important;margin:0!important;padding:8px 0!important;border-top:1px solid #e2e8f0!important;background:#fff!important;box-shadow:0 -5px 14px rgba(15,23,42,.07)!important;display:flex!important;justify-content:space-between!important;gap:10px!important;}}
/* FINAL DESKTOP EXAM COMPACT LAYOUT */
.tcts-body-exam .site-header{position:static!important;top:auto!important;z-index:auto!important;}
.tcts-body-exam .tcts-exam-app{max-width:1320px;width:100%;}
.tcts-body-exam .tcts-question-panel{min-height:0!important;height:auto!important;display:block!important;}
.tcts-body-exam .tcts-question-card{padding:14px 18px 8px!important;}
.tcts-body-exam .tcts-question-text{font-size:18px!important;line-height:1.48!important;min-height:0!important;height:auto!important;margin:0!important;padding:0!important;align-items:flex-start!important;}
.tcts-body-exam .tcts-q-number{padding:3px 7px;}
.tcts-body-exam .tcts-options{gap:7px!important;margin-top:4px!important;margin-bottom:0!important;}
.tcts-body-exam .tcts-option{min-height:48px;padding:9px 12px!important;border-radius:9px;line-height:1.35;}
.tcts-body-exam .tcts-option strong{width:28px;height:28px;font-size:14px;}
.tcts-body-exam .tcts-marking{margin-top:8px!important;margin-bottom:6px!important;color:var(--tcts-muted);font-size:13px;}
.tcts-body-exam .tcts-exam-nav{margin-top:12px!important;padding:12px 0 2px!important;border-top:1px solid var(--tcts-line);}
.tcts-body-exam .tcts-exam-nav .tcts-btn{min-height:46px;padding:10px 18px;font-size:15px;}
.tcts-body-exam .tcts-palette-panel{top:84px;}
/* Smaller course cards */
.tcts-home-courses{max-width:1180px;margin:34px auto;}
.tcts-course-grid{gap:16px;}
.tcts-course-card{border-radius:14px;}
.tcts-course-image{height:140px;}
.tcts-course-body{padding:15px 16px;}
.tcts-course-body h3{font-size:18px;line-height:1.28;margin:7px 0;}
.tcts-course-body p{min-height:38px;margin:0 0 10px;font-size:14px;line-height:1.45;}
.tcts-course-footer{padding-top:12px;margin-top:12px;}
.tcts-course-footer strong{font-size:19px;}
@media(min-width:981px){
.tcts-body-exam .tcts-question-panel{width:100%;}
.tcts-body-exam .tcts-question-card{max-width:100%;}
.tcts-body-exam .tcts-exam-nav{display:flex;align-items:center;}
}
/* FINAL EXAM UI OVERRIDES */
.tcts-body-exam header,
.tcts-body-exam .site-header,
.tcts-body-exam .main-header,
.tcts-body-exam .ast-primary-header-bar,
.tcts-body-exam .ast-above-header-wrap,
.tcts-body-exam .ast-below-header-wrap,
.tcts-body-exam .ast-main-header-wrap,
.tcts-body-exam .tcts-site-header{
position:static!important;
top:auto!important;
inset-block-start:auto!important;
z-index:auto!important;
}
.tcts-body-exam .tcts-exam-top{
position:sticky!important;
top:0!important;
z-index:1000!important;
}
.tcts-body-exam .tcts-question-card{
padding-bottom:12px!important;
}
.tcts-body-exam .tcts-exam-nav{
margin-top:10px!important;
padding-top:0!important;
}
/* FINAL LIVE EXAM LAYOUT OVERRIDES */
html body.tcts-body-exam .site-header,
html body.tcts-body-exam header.site-header{
position:static!important;
top:auto!important;
bottom:auto!important;
inset:auto!important;
z-index:auto!important;
}
html body.tcts-body-exam .site-header-inner{
position:relative!important;
}
html body.tcts-body-exam .tcts-exam-top{
position:sticky!important;
top:0!important;
z-index:1000!important;
}
html body.tcts-body-exam .tcts-question-panel{
min-height:0!important;
}
html body.tcts-body-exam .tcts-question-text{
min-height:0!important;
margin-bottom:0!important;
}
html body.tcts-body-exam .tcts-options{
margin-top:4px!important;
}
html body.tcts-body-exam .tcts-exam-nav{
position:static!important;
margin-top:10px!important;
padding:0!important;
border-top:0!important;
}
/* FINAL: exam navigation sticky at viewport bottom */
.tcts-body-exam .tcts-exam-nav{
position:sticky!important;
bottom:0!important;
top:auto!important;
z-index:1001!important;
margin-top:10px!important;
padding:10px 0!important;
background:#fff!important;
border-top:1px solid #e2e8f0!important;
box-shadow:0 -6px 18px rgba(15,23,42,.08)!important;
}
/* Compact question/options */
.tcts-body-exam .tcts-question-card{
padding-top:14px!important;
padding-bottom:10px!important;
}
.tcts-body-exam .tcts-option{
padding:10px 12px!important;
min-height:0!important;
}
.tcts-body-exam .tcts-options{margin-bottom:0!important;}
/* Site header must never be sticky during test */
.tcts-body-exam header,
.tcts-body-exam .site-header,
.tcts-body-exam .main-header,
.tcts-body-exam .ast-primary-header-bar,
.tcts-body-exam .ast-above-header-wrap,
.tcts-body-exam .ast-below-header-wrap,
.tcts-body-exam .ast-main-header-wrap,
.tcts-body-exam .tcts-site-header,
.tcts-body-exam .tcts-header{
position:static!important;
top:auto!important;
bottom:auto!important;
inset:auto!important;
z-index:auto!important;
}
/* only timer remains sticky */
.tcts-body-exam .tcts-exam-top{
position:sticky!important;
top:0!important;
z-index:1002!important;
}
/* FINAL FINAL EXAM LAYOUT: no site-header stickiness; compact question; nav accessible */
html body.tcts-body-exam header.site-header,
html body.tcts-body-exam .site-header,
html body.tcts-body-exam .site-header-inner{
position:static !important;
top:auto !important;
bottom:auto !important;
inset:auto !important;
z-index:auto !important;
transform:none !important;
}
html body.tcts-body-exam .tcts-exam-top{
position:sticky !important;
top:0 !important;
z-index:1100 !important;
}
html body.tcts-body-exam .tcts-question-panel{
min-height:0 !important;
height:auto !important;
display:block !important;
overflow:visible !important;
}
html body.tcts-body-exam .tcts-question-card{
padding:12px 16px 10px !important;
height:auto !important;
min-height:0 !important;
}
html body.tcts-body-exam .tcts-question-slide{
min-height:0 !important;
height:auto !important;
padding:0 !important;
margin:0 !important;
}
html body.tcts-body-exam .tcts-question-text{
min-height:0 !important;
height:auto !important;
margin:0 !important;
padding:0 !important;
line-height:1.45 !important;
}
html body.tcts-body-exam .tcts-options{
margin-top:4px !important;
margin-bottom:0 !important;
gap:5px !important;
}
html body.tcts-body-exam .tcts-option{
min-height:44px !important;
height:auto !important;
padding:8px 11px !important;
}
html body.tcts-body-exam .tcts-marking{
margin-top:7px !important;
}
html body.tcts-body-exam .tcts-exam-nav{
position:sticky !important;
bottom:0 !important;
top:auto !important;
z-index:1050 !important;
margin:8px 0 0 !important;
padding:10px 0 !important;
background:rgba(255,255,255,.98) !important;
border-top:1px solid #e2e8f0 !important;
box-shadow:0 -6px 18px rgba(15,23,42,.08) !important;
}
html body.tcts-body-exam .tcts-exam-nav .btn{
min-height:46px !important;
}
@media(max-width:760px){
html body.tcts-body-exam .tcts-question-card{padding:10px 12px 8px !important;}
html body.tcts-body-exam .tcts-question-text{font-size:16px !important;line-height:1.42 !important;}
html body.tcts-body-exam .tcts-options{margin-top:4px !important;gap:5px !important;}
html body.tcts-body-exam .tcts-option{min-height:46px !important;padding:8px 10px !important;}
html body.tcts-body-exam .tcts-exam-nav{
position:fixed !important;
left:0 !important;
right:0 !important;
bottom:64px !important;
width:100% !important;
margin:0 !important;
padding:8px 10px !important;
z-index:2999 !important;
border-top:1px solid #e2e8f0 !important;
box-shadow:0 -8px 20px rgba(15,23,42,.12) !important;
}
html body.tcts-body-exam .tcts-question-panel{padding-bottom:82px !important;}
html body.tcts-body-exam .tcts-exam-nav .btn{min-height:56px !important;font-size:16px !important;}
}
/* FINAL QUESTION -> OPTIONS SPACING TO MATCH REFERENCE */
html body.tcts-body-exam .tcts-question-text{
min-height:0 !important;
height:auto !important;
margin:0 !important;
padding:0 !important;
}
html body.tcts-body-exam .tcts-options{
margin-top:4px !important;
margin-bottom:0 !important;
gap:7px !important;
}
html body.tcts-body-exam .tcts-option{
min-height:44px !important;
height:auto !important;
padding:9px 11px !important;
}
html body.tcts-body-exam .tcts-question-card{
padding:14px 16px 10px !important;
}
/* FINAL EXAM LAYOUT — COMPACT + STICKY NAV */
html body.tcts-body-exam .tcts-question-panel{
min-height:0!important;
height:auto!important;
display:block!important;
}
html body.tcts-body-exam .tcts-question-card{
padding:10px 16px 8px!important;
min-height:0!important;
height:auto!important;
}
html body.tcts-body-exam .tcts-question-slide{
min-height:0!important;
height:auto!important;
margin:0!important;
padding:0!important;
}
html body.tcts-body-exam .tcts-question-text{
min-height:0!important;
height:auto!important;
margin:0!important;
padding:0!important;
line-height:1.45!important;
}
html body.tcts-body-exam .tcts-options{
margin-top:4px!important;
margin-bottom:0!important;
gap:7px!important;
}
html body.tcts-body-exam .tcts-option{
min-height:44px!important;
height:auto!important;
padding:8px 11px!important;
}
html body.tcts-body-exam .tcts-marking{
margin-top:6px!important;
margin-bottom:4px!important;
}
html body.tcts-body-exam .tcts-exam-nav{
position:sticky!important;
bottom:0!important;
top:auto!important;
z-index:1100!important;
margin:6px 0 0!important;
padding:8px 0!important;
background:rgba(255,255,255,.98)!important;
border-top:1px solid #e2e8f0!important;
box-shadow:0 -6px 18px rgba(15,23,42,.09)!important;
}
html body.tcts-body-exam .tcts-exam-nav .btn{
min-height:50px!important;
}
@media(max-width:760px){
html body.tcts-body-exam .tcts-question-card{padding:8px 12px 6px!important;}
html body.tcts-body-exam .tcts-question-text{font-size:16px!important;line-height:1.42!important;}
html body.tcts-body-exam .tcts-options{margin-top:4px!important;gap:6px!important;}
html body.tcts-body-exam .tcts-option{min-height:44px!important;padding:8px 10px!important;}
html body.tcts-body-exam .tcts-exam-nav{
position:fixed!important;
left:0!important;
right:0!important;
bottom:calc(64px + env(safe-area-inset-bottom))!important;
width:100%!important;
margin:0!important;
padding:8px 10px!important;
z-index:4000!important;
display:grid!important;
grid-template-columns:1fr 1fr!important;
gap:8px!important;
background:rgba(255,255,255,.98)!important;
backdrop-filter:blur(10px)!important;
border-top:1px solid #e2e8f0!important;
box-shadow:0 -8px 20px rgba(15,23,42,.12)!important;
}
html body.tcts-body-exam .tcts-exam-nav .btn{min-height:52px!important;font-size:16px!important;}
html body.tcts-body-exam .tcts-exam-app{padding-bottom:78px!important;}
html body.tcts-body-exam .site-header{position:static!important;top:auto!important;z-index:auto!important;}
html body.tcts-body-exam .tcts-exam-top{position:sticky!important;top:0!important;z-index:3000!important;}
}
@media(min-width:761px){
html body.tcts-body-exam .tcts-exam-nav{position:sticky!important;bottom:0!important;z-index:1100!important;}
}
/* FINAL LIVE TEST TIMER + ACTION BUTTON POSITION */
html body.tcts-body-exam .tcts-exam-top{
position:sticky!important;
top:0!important;
z-index:5000!important;
}
html body.tcts-body-exam .tcts-timer{
width:74px!important;
height:74px!important;
min-width:74px!important;
min-height:74px!important;
padding:0!important;
border-radius:50%!important;
background:linear-gradient(135deg,#17327f,#2447dc)!important;
border:3px solid rgba(255,255,255,.28)!important;
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
box-shadow:0 8px 22px rgba(0,0,0,.22)!important;
}
html body.tcts-body-exam .tcts-timer span{
font-size:8px!important;
line-height:1!important;
letter-spacing:.04em!important;
opacity:.82!important;
margin-bottom:4px!important;
}
html body.tcts-body-exam .tcts-timer strong{
font-size:18px!important;
line-height:1!important;
letter-spacing:.02em!important;
}
html body.tcts-body-exam .tcts-timer.is-low{
background:linear-gradient(135deg,#991b1b,#dc2626)!important;
border-color:rgba(255,255,255,.38)!important;
}
html body.tcts-body-exam .tcts-exam-nav{
position:sticky!important;
bottom:14px!important;
top:auto!important;
z-index:4500!important;
margin:10px 0 0!important;
padding:8px 10px!important;
background:rgba(255,255,255,.98)!important;
border:1px solid #e2e8f0!important;
border-radius:14px!important;
box-shadow:0 8px 24px rgba(15,23,42,.14)!important;
}
html body.tcts-body-exam .tcts-exam-nav .btn{
min-height:50px!important;
}
@media(max-width:760px){
html body.tcts-body-exam .tcts-exam-top{
padding:8px 10px!important;
}
html body.tcts-body-exam .tcts-timer{
width:62px!important;
height:62px!important;
min-width:62px!important;
min-height:62px!important;
border-width:2px!important;
}
html body.tcts-body-exam .tcts-timer span{
font-size:7px!important;
margin-bottom:3px!important;
}
html body.tcts-body-exam .tcts-timer strong{
font-size:16px!important;
}
html body.tcts-body-exam .tcts-exam-nav{
position:fixed!important;
left:10px!important;
right:10px!important;
bottom:78px!important;
width:auto!important;
margin:0!important;
padding:8px!important;
border-radius:14px!important;
display:grid!important;
grid-template-columns:1fr 1fr!important;
gap:8px!important;
z-index:6000!important;
background:rgba(255,255,255,.98)!important;
backdrop-filter:blur(10px)!important;
box-shadow:0 10px 28px rgba(15,23,42,.18)!important;
}
html body.tcts-body-exam .tcts-exam-nav .btn{
min-height:52px!important;
font-size:16px!important;
}
/* Keep page content from being covered by the elevated action bar. */
html body.tcts-body-exam .tcts-exam-app{
padding-bottom:94px!important;
}
}
/* FINAL TIMER ONLY - uploaded build override */
html body.tcts-body-exam .tcts-exam-top{
position:sticky!important;
top:0!important;
z-index:5000!important;
background:transparent!important;
box-shadow:none!important;
border:0!important;
padding:4px 8px!important;
margin:0 0 6px!important;
min-height:0!important;
display:flex!important;
justify-content:flex-end!important;
align-items:center!important;
}
html body.tcts-body-exam .tcts-exam-top h1,
html body.tcts-body-exam .tcts-exam-top > h1,
html body.tcts-body-exam .tcts-exam-top > div:not(.tcts-timer),
html body.tcts-body-exam .tcts-exam-top .tcts-exam-title,
html body.tcts-body-exam .tcts-exam-top .tcts-exam-meta{
display:none!important;
}
html body.tcts-body-exam .tcts-exam-top .tcts-timer{
position:relative!important;
inset:auto!important;
width:70px!important;
height:70px!important;
min-width:70px!important;
min-height:70px!important;
margin:0!important;
padding:0!important;
border-radius:50%!important;
display:flex!important;
flex-direction:column!important;
justify-content:center!important;
align-items:center!important;
background:linear-gradient(135deg,#17327f,#2447dc)!important;
border:3px solid rgba(255,255,255,.38)!important;
box-shadow:0 8px 22px rgba(15,23,42,.22)!important;
}
html body.tcts-body-exam .tcts-exam-top .tcts-timer span{
display:block!important;
font-size:8px!important;
line-height:1!important;
margin:0 0 3px!important;
opacity:.85!important;
}
html body.tcts-body-exam .tcts-exam-top .tcts-timer strong{
display:block!important;
font-size:17px!important;
line-height:1!important;
}
html body.tcts-body-exam .tcts-exam-top .tcts-timer.is-low{
background:linear-gradient(135deg,#991b1b,#dc2626)!important;
}
@media(max-width:760px){
html body.tcts-body-exam .tcts-exam-top{
padding:3px 7px!important;
margin-bottom:4px!important;
}
html body.tcts-body-exam .tcts-exam-top .tcts-timer{
width:58px!important;
height:58px!important;
min-width:58px!important;
min-height:58px!important;
border-width:2px!important;
}
html body.tcts-body-exam .tcts-exam-top .tcts-timer span{
font-size:6.5px!important;
}
html body.tcts-body-exam .tcts-exam-top .tcts-timer strong{
font-size:14px!important;
}
}