.smartboard-mode .mainLettersGrid { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 1100px; width: 100%; margin: auto; }
.smartboard-mode .mainLettersGrid [hidden], #sightWords[hidden], #sightLesson[hidden] { display: none; }
.lettersPage .mainLettersGrid .sightMark { font: bold clamp(58px, 7vw, 96px)/1.05 Georgia, serif; }
body.sightMode .lettersMenu, body.sightMode #learnAlphabet { display: none; }
#sightWords { width: 100%; max-width: 1520px; margin: auto; }
.sightIntro { font-size: 24px; text-align: center; margin: 0 0 24px; }
#sightWords .sightSetWords { font-size: clamp(24px, 3vw, 42px); padding: 12px 24px; line-height: 1.5; word-spacing: normal; }
.sightLessonOpen { overflow: hidden; }
@media (max-width: 780px) {
  .smartboard-mode .mainLettersGrid { grid-template-columns: 1fr; }
  #sightWords .levelRow { padding: 14px; gap: 12px; }
}