/* Loaded after the app shell so a mobile browser receives the corrected
   natural row sizing even if an earlier stylesheet is still resident. */
.vulio-app .vulio-message {
  display: grid !important;
  grid-template-columns: 2rem minmax(0, 1fr) !important;
  column-gap: 1rem !important;
  align-items: start !important;
  block-size: auto !important;
  min-block-size: 0 !important;
  padding-block: 0.125rem !important;
}

.vulio-app .vulio-message--compact {
  margin-block: 0 !important;
}