/* Loaded only by the reading levels and demo; no homepage selectors. */
.reading-words { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.reading-word, .read-word {
  font: inherit; font-weight: 750; color: var(--text); cursor: pointer;
  border: 2px solid var(--line, #444b65); border-radius: 14px;
  background: var(--panel, #171c32); min-height: 48px; padding: 8px 12px;
  touch-action: manipulation;
}
.reading-word { display: flex; flex-direction: column; align-items: center; gap: 4px; overflow-wrap: anywhere; }
.reading-word__picture { font-size: 32px; }
.read-word { display: inline-block; margin: 3px 0; }
.reading-word:focus-visible, .read-word:focus-visible { outline: 3px solid var(--cyan, #5de8f5); outline-offset: 3px; }
[data-read-aloud] [data-speak][aria-pressed="true"] {
  color: #0c1022; background: #d7ff3f; border-color: #d7ff3f;
  box-shadow: 0 0 0 3px #d7ff3f55; text-decoration: underline;
}
.reading-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.reading-status { min-height: 1.5em; }
@media (max-width: 360px) { .reading-words { grid-template-columns: repeat(2, minmax(0, 1fr)); } }