/* Grupuri de litere — extinde alfabet-cards.css (încărcat separat din view) */

.alfabet-grupuri-page {
  --blue: #dd8018;
  --page-bg: #fff7f3;
}

.alfabet-grupuri-page .lesson-letters-row {
  flex-direction: column;
  align-items: center;
  gap: calc(var(--card-w) * 0.02);
}

.alfabet-grupuri-page .lesson-upper,
.alfabet-grupuri-page .lesson-lower {
  font-size: calc(var(--card-w) * 0.22);
  height: auto;
  line-height: 1.15;
}

.alfabet-grupuri-page .lesson-lower {
  font-size: calc(var(--card-w) * 0.18);
  font-weight: 800;
}

@media (max-width: 900px) {
  .alfabet-grupuri-page .lesson-upper {
    font-size: calc(var(--card-w) * 0.28);
    height: auto;
    line-height: 1.1;
  }

  .alfabet-grupuri-page .lesson-lower {
    font-size: calc(var(--card-w) * 0.22);
    height: auto;
    line-height: 1.1;
  }
}