/* V31 fixes: stable mobile layout and readable answer controls. */
#emoji-library-app .question-card,
#emoji-library-app .answer-grid,
#emoji-library-app .card-actions {
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

#emoji-library-app .answer-card,
#emoji-library-app .answer-title {
  min-width: 0;
  max-width: 100%;
}

#emoji-library-app .answer-title {
  overflow-wrap: anywhere;
  word-break: normal;
}

@media (max-width: 720px) {
  #emoji-library-app .card-actions {
    display: grid;
    grid-template-columns: minmax(0, .85fr) minmax(0, 1.25fr);
    gap: 8px;
    width: 100%;
  }

  #emoji-library-app .card-actions .primary-button,
  #emoji-library-app .card-actions .secondary-button {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    padding-inline: 8px;
    gap: 8px;
    white-space: normal;
  }

  #emoji-library-app .result-screen {
    width: 100%;
    box-sizing: border-box;
  }
}