/*
version 2.0.2.2026.8.563278 by Samuel Mofrad, SRCSU3G
Version-PRD 2026.08
+-+-+-+-+-+-+-+-+
|U|N|U|S|.|O|N|E|
+-+-+-+-+-+-+-+-+-+-+-+-+
|S|O|F|T|W|O|R|K|.|I|N|G|
+-+-+-+-+-+-+-+-+-+-+-+-+-+
|S|A|M|U|E|L| |M|O|F|R|A|D|
+-+-+-+-+-+ +-+-+-+-+-+-+
|2|0|2|6|
+-+-+-+-+
*/
.exam-page-container{box-sizing:border-box;width:100%;max-width:920px;margin:0 auto;padding:clamp(1rem,3vw,2rem) clamp(.35rem,2.5vw,1.25rem) 4rem}.exam-breadcrumbs{color:var(--color-text-muted,#64748b);white-space:nowrap;-webkit-overflow-scrolling:touch;align-items:center;gap:.45rem;margin-bottom:1.25rem;font-size:.8rem;display:flex;overflow-x:auto}.crumb-link{color:inherit;text-decoration:none;transition:color .15s}.crumb-link:hover{color:var(--color-primary,#2563eb)}.crumb-separator{opacity:.5}.crumb-current{color:var(--color-text,#0f172a);font-weight:600}.exam-card-wrapper{background:var(--color-surface,#fff);border:1px solid var(--color-border,#e2e8f0);box-sizing:border-box;border-radius:14px;width:100%;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000008}.exam-view-panel{box-sizing:border-box;width:100%;padding:clamp(.75rem,3.5vw,2.5rem)}.intro-badge-row{flex-wrap:wrap;gap:.4rem;margin-bottom:.85rem;display:flex}.exam-badge-tag{color:var(--color-primary,#2563eb);text-transform:uppercase;letter-spacing:.05em;background:#2563eb14;border:1px solid #2563eb33;border-radius:6px;padding:.2rem .55rem;font-size:.72rem;font-weight:700}.exam-badge-difficulty{background:var(--color-bg,#f8fafc);color:var(--color-text-muted,#64748b);border:1px solid var(--color-border,#e2e8f0);border-radius:6px;padding:.2rem .55rem;font-size:.72rem;font-weight:600}.exam-main-title{color:var(--color-text,#0f172a);overflow-wrap:break-word;word-break:break-word;margin-bottom:.65rem;font-size:clamp(1.4rem,4vw,2.25rem);font-weight:800;line-height:1.25}.exam-tagline-text{color:var(--color-text-muted,#64748b);overflow-wrap:break-word;margin-bottom:1.5rem;font-size:.95rem;line-height:1.55}.exam-stats-grid{box-sizing:border-box;grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr));gap:.65rem;width:100%;margin-bottom:2rem;display:grid}.exam-stat-box{background:var(--color-bg,#f8fafc);border:1px solid var(--color-border,#e2e8f0);box-sizing:border-box;border-radius:10px;align-items:center;gap:.65rem;padding:.75rem .85rem;display:flex}.stat-svg{color:var(--color-primary,#2563eb);flex-shrink:0}.stat-info{flex-direction:column;min-width:0;display:flex}.stat-number{color:var(--color-text,#0f172a);font-size:.9rem;font-weight:700}.stat-label{color:var(--color-text-muted,#64748b);font-size:.72rem}.intro-actions-row{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.btn-primary-action{background:var(--color-primary,#2563eb);cursor:pointer;border:none;border-radius:10px;align-items:center;gap:.45rem;padding:.7rem 1.3rem;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex;color:#fff!important}.btn-primary-action:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 14px #2563eb40}.btn-secondary-action{background:var(--color-surface,#fff);color:var(--color-text,#0f172a);border:1px solid var(--color-border,#e2e8f0);cursor:pointer;border-radius:10px;align-items:center;gap:.45rem;padding:.7rem 1.2rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.btn-secondary-action:hover{border-color:var(--color-primary,#2563eb);color:var(--color-primary,#2563eb);background:#2563eb0a}.btn-cancel-action{background:var(--color-surface,#fff);color:var(--color-text-muted,#64748b);border:1px solid var(--color-border,#e2e8f0);cursor:pointer;border-radius:8px;align-items:center;gap:.4rem;padding:.6rem .95rem;font-size:.84rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-cancel-action:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.btn-report-action{background:var(--color-primary,#2563eb);cursor:pointer;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-size:.95rem;font-weight:700;transition:all .15s;display:inline-flex;color:#fff!important}.btn-report-action:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 14px #2563eb40}.past-attempts-section{border-top:1px solid var(--color-border,#e2e8f0);margin-top:3rem;padding-top:2rem}.past-title{color:var(--color-text,#0f172a);margin-bottom:1rem;font-size:1.1rem;font-weight:700}.attempts-list-grid{flex-direction:column;gap:.75rem;display:flex}.exam-header-bar{border-bottom:1px solid var(--color-border,#e2e8f0);margin-bottom:1.75rem;padding-bottom:1.25rem}.progress-meta-row{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.progress-step-text{color:var(--color-text,#0f172a);font-size:.95rem;font-weight:700}.progress-right-tools{align-items:center;gap:.75rem;display:flex}.exam-timer-badge{color:var(--color-primary,#2563eb);background:#2563eb14;border:1px solid #2563eb33;border-radius:6px;padding:.3rem .65rem;font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:700}.progress-track-bar{background:var(--color-border,#e2e8f0);border-radius:999px;height:6px;overflow:hidden}.progress-fill-active{background:linear-gradient(90deg,#2563eb,#3b82f6);height:100%;transition:width .3s cubic-bezier(.16,1,.3,1)}.question-canvas{min-height:280px;margin-bottom:2rem}.question-topic-pill{text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary,#2563eb);margin-bottom:.5rem;font-size:.75rem;font-weight:700;display:inline-block}.question-prompt-text{color:var(--color-text,#0f172a);margin-bottom:1.5rem;font-size:clamp(1.15rem,3vw,1.35rem);font-weight:700;line-height:1.45}.question-code-block{color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:1.5rem;padding:1rem;font-family:JetBrains Mono,monospace;font-size:.88rem;overflow-x:auto}.options-container{flex-direction:column;gap:.85rem;display:flex}.option-card{cursor:pointer;user-select:none;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;outline:none;align-items:center;gap:1.1rem;padding:1.1rem 1.35rem;transition:all .2s;display:flex;position:relative;box-shadow:0 1px 3px #00000005}.option-card:hover{background:#f8fafc;border-color:#93c5fd;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb0f}.option-card:active{transform:scale(.995)}.option-card:focus-visible{box-shadow:0 0 0 3px #2563eb40}.option-card.is-selected{background:#eff6ff;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb40}.option-radio-input{opacity:0;pointer-events:none;position:absolute}.option-key-badge{color:#334155;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.92rem;font-weight:800;transition:all .2s;display:flex}.option-card.is-selected .option-key-badge{color:#fff;background:#2563eb;border-color:#2563eb;box-shadow:0 2px 8px #2563eb4d}.option-label-text{color:#1e293b;flex:1;font-size:1rem;font-weight:500;line-height:1.5}.option-card.is-selected .option-label-text{color:#0f172a;font-weight:600}.option-indicator{border:2px solid #cbd5e1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex}.option-card.is-selected .option-indicator{background:#2563eb;border-color:#2563eb}.option-indicator-dot{background:#fff;border-radius:50%;width:8px;height:8px;display:none}.option-card.is-selected .option-indicator-dot{display:block}.exam-nav-toolbar{border-top:1px solid var(--color-border,#e2e8f0);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:1.75rem;padding-top:1.5rem;display:flex}.nav-right-group{gap:.75rem;margin-left:auto;display:flex}.btn-submit-action{cursor:pointer;background:#16a34a;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-size:.95rem;font-weight:700;transition:all .15s;display:inline-flex;color:#fff!important}.btn-submit-action:hover{background:#15803d;transform:translateY(-1px);box-shadow:0 4px 14px #16a34a40}.exam-result-navigator{box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;width:100%;margin-bottom:2rem;padding:clamp(.85rem,3vw,1.5rem)}.result-nav-header{margin-bottom:.85rem}.result-jump-grid{grid-template-columns:repeat(auto-fill,minmax(36px,1fr));gap:.45rem;display:grid}.result-jump-btn{cursor:pointer;border:1.5px solid #0000;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;height:38px;font-size:.82rem;font-weight:700;text-decoration:none;transition:all .15s;display:flex}.result-jump-btn.is-correct{color:#065f46;background:#ecfdf5;border-color:#a7f3d0}.result-jump-btn.is-incorrect{color:#991b1b;background:#fef2f2;border-color:#fecaca}.result-jump-btn:hover{transform:translateY(-2px);box-shadow:0 4px 10px #0000000f}.scorecard-hero{box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;flex-wrap:wrap;align-items:center;gap:1.25rem;width:100%;margin-bottom:2rem;padding:clamp(1rem,3.5vw,2rem);display:flex}.score-circular-badge{background:#fff;border:3.5px solid #2563eb;border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:110px;height:110px;display:flex;box-shadow:0 4px 16px #2563eb26}.score-percent{color:#2563eb;font-size:1.85rem;font-weight:900;line-height:1}.score-fraction{color:#64748b;margin-top:.25rem;font-size:.8rem;font-weight:600}.tier-pill{text-transform:uppercase;letter-spacing:.05em;border-radius:999px;margin-bottom:.4rem;padding:.2rem .65rem;font-size:.76rem;font-weight:700;display:inline-block}.tier-pill.tier-master{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.tier-pill.tier-proficient{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.tier-pill.tier-developing{color:#d97706;background:#fffbeb;border:1px solid #fde68a}.tier-pill.tier-novice{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.score-title{color:#0f172a;overflow-wrap:break-word;word-break:break-word;margin-bottom:.3rem;font-size:clamp(1.3rem,4vw,1.65rem);font-weight:800}.score-subtitle{color:#64748b;overflow-wrap:break-word;font-size:.92rem;line-height:1.5}.section-title{color:#0f172a;overflow-wrap:break-word;margin-bottom:.45rem;font-size:1.2rem;font-weight:800}.section-desc{color:#64748b;overflow-wrap:break-word;margin-bottom:1.25rem;font-size:.88rem;line-height:1.5}.topic-bars-grid{box-sizing:border-box;flex-direction:column;gap:.75rem;width:100%;margin-bottom:2rem;display:flex}.topic-row{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:10px;width:100%;padding:clamp(.75rem,3vw,1rem) clamp(.75rem,3.5vw,1.35rem)}.topic-label-row{color:#0f172a;flex-wrap:wrap;justify-content:space-between;gap:.35rem;margin-bottom:.45rem;font-size:.88rem;font-weight:700;display:flex}.topic-bar-bg{background:#e2e8f0;border-radius:999px;height:8px;overflow:hidden}.topic-bar-fill{border-radius:999px;height:100%}.review-cards-list{box-sizing:border-box;flex-direction:column;gap:1.25rem;width:100%;margin-bottom:2rem;display:flex}.review-card{box-sizing:border-box;overflow-wrap:break-word;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;width:100%;padding:clamp(.85rem,3.5vw,1.5rem);scroll-margin-top:2rem;box-shadow:0 1px 4px #00000005}.review-card.is-correct{border-left:5px solid #10b981}.review-card.is-incorrect{border-left:5px solid #ef4444}.review-card-header{flex-wrap:wrap;justify-content:space-between;gap:.35rem;margin-bottom:.65rem;font-size:.82rem;font-weight:700;display:flex}.review-status-correct{color:#059669;font-weight:800}.review-status-incorrect{color:#dc2626;font-weight:800}.review-prompt{color:#0f172a;overflow-wrap:break-word;margin-bottom:1rem;font-size:.98rem;font-weight:700;line-height:1.45}.review-options-list{flex-direction:column;gap:.45rem;width:100%;display:flex}.review-option-pill{box-sizing:border-box;overflow-wrap:break-word;border-radius:8px;align-items:center;gap:.55rem;padding:.55rem .85rem;font-size:.86rem;display:flex}.review-opt-correct{color:#065f46;background:#ecfdf5;border:1.5px solid #a7f3d0;font-weight:600}.review-opt-wrong{color:#991b1b;background:#fef2f2;border:1.5px solid #fecaca;text-decoration:line-through}.review-opt-neutral{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0}.explanation-box{color:#1e293b;overflow-wrap:break-word;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-top:1rem;padding:.85rem 1rem;font-size:.88rem;line-height:1.5}.explanation-title{color:#2563eb;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.3rem;font-size:.8rem;font-weight:800;display:block}.scorecard-actions-toolbar{border-top:1px solid var(--color-border,#e2e8f0);flex-wrap:wrap;gap:.75rem;width:100%;padding-top:1.5rem;display:flex}@media (width<=480px){.intro-actions-row{flex-direction:column;gap:.5rem;width:100%}.btn-primary-action,.btn-secondary-action,.btn-cancel-action,.btn-report-action,.btn-submit-action{text-align:center;box-sizing:border-box;justify-content:center;width:100%}.nav-right-group{flex-direction:column;gap:.5rem;width:100%;margin-left:0}.exam-nav-toolbar{flex-direction:column;align-items:stretch;gap:.65rem}.scorecard-hero{text-align:center;flex-direction:column;align-items:center;gap:1rem}.scorecard-actions-toolbar{flex-direction:column;align-items:stretch;gap:.5rem}.option-card{gap:.65rem;padding:.75rem .85rem}.option-key-badge{width:28px;height:28px;font-size:.8rem}.option-label-text{font-size:.88rem}}