.student-interactive-assessment-nav{position:sticky;top:0;z-index:5;display:flex;gap:20px;overflow-x:auto;padding:12px 14px;border:1px solid #d7e0e5;border-radius:22px;background:#fff;box-shadow:0 3px 12px rgba(30,54,63,.1)}
.student-interactive-assessment-nav__group{display:grid;grid-template-columns:58px auto;grid-template-rows:58px auto;column-gap:10px;align-items:center;flex:0 0 auto;min-width:150px}
.student-interactive-assessment-nav__major,.student-interactive-assessment-nav__small{display:grid;place-items:center;border-radius:50%;font-weight:700;cursor:pointer}
.student-interactive-assessment-nav__major{width:54px;height:54px;border:3px solid #8d5a97;background:#fff;color:#693c73;font-size:22px}
.student-interactive-assessment-nav__major.is-active{background:#8d5a97;color:#fff}
.student-interactive-assessment-nav__label{max-width:180px;font-weight:650;line-height:1.2}
.student-interactive-assessment-nav__subquestions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:5px;padding-top:6px}
.student-interactive-assessment-nav__small{width:27px;height:27px;border:2px solid #9aabb3;background:#fff;color:#34454d;font-size:12px}
.student-interactive-assessment-nav__small.is-answered{border-color:#4caf50;color:#2e7d32}
.student-interactive-assessment-nav__small.is-active{background:#4caf50;border-color:#4caf50;color:#fff}
.student-interactive-assessment-nav button:focus-visible{outline:3px solid #ff9800;outline-offset:2px}
@media(max-width:600px){.student-interactive-assessment-nav{gap:12px;padding:8px}.student-interactive-assessment-nav__group{min-width:125px;grid-template-columns:46px auto;grid-template-rows:46px auto}.student-interactive-assessment-nav__major{width:44px;height:44px;font-size:18px}}