.lesson-picker-label{margin:0 0 10px;font-size:16px;font-weight:700;color:#eef4f8}.lesson-picker-label>span{display:inline-block;margin-left:12px;font-size:14px;font-weight:400;color:#b0becf}
.optics-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:26px}.optics-nav>a,.optics-nav>button{display:flex;align-items:center;flex-wrap:wrap;gap:10px;min-width:0;min-height:76px;padding:14px;text-align:left;text-decoration:none;font-size:16px;font-weight:650;line-height:1.5;border:1px solid #4b647e;border-radius:12px;background:#142333;color:#eef4f8}.optics-nav>a:hover,.optics-nav>button:hover{background:#243d53;border-color:#99dff5}.optics-nav .lesson-number{display:grid;place-items:center;flex:0 0 30px;height:30px;border:1px solid currentColor;border-radius:8px;font-size:18px}.optics-nav .lesson-current{display:none;font-size:14px;font-weight:700}.optics-nav>[aria-current=page],.optics-nav>[aria-pressed=true]{background:#96e2fa;color:#09202c;border-color:#96e2fa}.optics-nav>[aria-current=page] .lesson-current,.optics-nav>[aria-pressed=true] .lesson-current{display:inline}.optics-nav>:focus-visible{outline:3px solid #ffe49c;outline-offset:3px}
@media(max-width:800px){.optics-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.optics-nav>a,.optics-nav>button{padding:12px;font-size:16px}.lesson-picker-label>span{display:block;margin-left:0;margin-top:4px}}
@media(max-width:340px){.optics-nav{grid-template-columns:1fr}}