:root{--edu-r122-navy:#082d61;--edu-r122-gold:#c8931d;--edu-r122-line:#d7e0ec;--edu-r122-soft:#f5f8fc;--edu-r122-good:#18754a}
.assessment-shell{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;align-items:start}.question-nav{position:sticky;top:15px;border:1px solid var(--edu-r122-line);border-radius:14px;background:#fff;padding:14px}.question-nav-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.question-nav button{border:1px solid var(--edu-r122-line);border-radius:8px;background:#fff;padding:8px 3px;cursor:pointer}.question-nav button.answered{background:#e8f6ef;border-color:#9fd0b8;color:#0d5c37}.question-nav button.current{outline:3px solid rgba(200,147,29,.25);border-color:var(--edu-r122-gold)}.assessment-progress{height:10px;background:#e7edf5;border-radius:999px;overflow:hidden;margin:8px 0}.assessment-progress span{display:block;height:100%;width:0;background:var(--edu-r122-gold);transition:width .2s}.question-card{scroll-margin-top:20px;border:1px solid var(--edu-r122-line)!important;border-radius:14px!important;padding:18px!important;margin:0 0 16px!important;background:#fff}.question-number{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--edu-r122-navy);color:#fff;margin-right:8px}.choice-row{display:flex!important;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid var(--edu-r122-line);border-radius:10px;margin:8px 0;font-weight:500!important}.choice-row:has(input:checked){border-color:var(--edu-r122-gold);background:#fff9e8}.question-card textarea{min-height:130px}.assessment-submit-bar{position:sticky;bottom:0;background:rgba(255,255,255,.97);border-top:1px solid var(--edu-r122-line);padding:14px 0;display:flex;justify-content:space-between;align-items:center;gap:12px}.payment-live-note{border-left:5px solid var(--edu-r122-good);background:#edf8f2;padding:12px 14px;border-radius:8px}
@media(max-width:920px){.assessment-shell{grid-template-columns:1fr}.question-nav{position:static}.question-nav-grid{grid-template-columns:repeat(10,1fr)}}
@media(max-width:600px){.question-nav-grid{grid-template-columns:repeat(5,1fr)}.assessment-submit-bar{align-items:stretch;flex-direction:column}}