/* Let narrow quote labels wrap above the text instead of covering it. */
/* Long Hungarian words must be able to shrink inside the native quote grids. */
.quote-examples,
.quote-example-grid,
.quote-example-card {
  min-width: 0;
  overflow-wrap: anywhere;
}

.quote-example-grid {
  grid-template-columns: minmax(0, 1fr);
}

@media (max-width: 760px) {
  .quote-examples-heading,
  .quote-meaning-heading,
  .quote-example-card {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 560px) {
  .quote-example-card > .quote-example-kind {
    position: static;
    justify-self: start;
    max-width: calc(100% - 32px);
    margin: 16px 16px 0;
    line-height: 1.25;
    overflow-wrap: anywhere;
  }

  .quote-example-card > blockquote {
    padding-top: 12px;
  }
}