.lesson-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.lesson-nav a{padding:12px 18px;border:1px solid #354253;border-radius:10px;text-decoration:none;font-size:14px}.lesson-nav a[aria-current]{background:#203a50;color:#9ae6ff;border-color:#5995ad}.heading h1{font-size:clamp(28px,3.4vw,42px)}.section-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 16px}.section-grid article{background:#0b1623;border:1px solid #2c4055;border-radius:12px;padding:14px 8px;min-width:0;text-align:center}.section-grid h2{font-size:14px;line-height:1.7;margin:0}.section-grid h2 span{display:block;color:#8ca4bd;font-size:12px;font-weight:400;font-variant-numeric:tabular-nums}.section-grid p{font-size:13px;margin:0;color:#c4d5e6}.section-grid .retina-card{border-color:#af718e}.controls label{margin-top:14px}.controls .presets{margin:14px 0}.controls .primary{font-size:14px;line-height:1.5;text-align:left}.controls .secondary{font-size:14px}.section-grid svg{margin:8px 0}.formula strong{font-size:26px}@media(max-width:1200px){.section-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.section-grid{gap:8px;margin:10px}.lesson-nav a{flex:1;text-align:center;padding:12px 8px}.bench-top strong{max-width:100%;overflow-wrap:anywhere}}
.retinal-dial{margin:20px 16px;padding-top:20px;border-top:1px solid #35485d}.retinal-dial h2{font-size:20px;line-height:1.5;margin:0 0 8px}.retinal-dial>p{font-size:16px}.dial-comparison{display:grid;grid-template-columns:minmax(0,1fr);max-width:480px;gap:16px;margin:16px auto}.dial-comparison figure{margin:0;min-width:0;padding:12px;border:1px solid #35485d;border-radius:12px}.dial-comparison .retinal-result{border-color:#af718e}.dial-comparison figcaption{font-size:16px;font-weight:700;margin-bottom:12px}.dial-comparison figcaption span{display:block;font-size:14px;font-weight:400;color:#b0becf;margin-top:4px}.dial-comparison svg{background:#fff;border-radius:8px;aspect-ratio:1}.retinal-dial .dial-caution{font-size:14px;color:#a4b7cc}.retinal-dial #dial-retinal-state{color:#f4d2de}@media(max-width:540px){.dial-comparison{grid-template-columns:1fr}.retinal-dial{margin:16px 12px}}