/* Dieťa do dlaní 1.7.3 — narrower reading columns, NOT narrower page, cards or media. */

/* Aktuality: text lines use 80% of the previous 860px editorial column.
   The cover photo and JavaScript gallery keep their original full width. */
@media (min-width: 801px) {
  .ddd-article article > h1,
  .ddd-article article > .entry-meta,
  .ddd-article .entry-content > :is(h2, h3, h4, h5, h6, ul, ol, blockquote, pre),
  .ddd-article .entry-content > p:not(:has(img, video, iframe, picture)) {
    width: 80%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  /* Only the copy side becomes narrower. The QR and map retain their sizes. */
  #podpora .don-grid > div:first-child,
  #kontakt .contact-info {
    width: 80%;
    max-width: 100%;
  }
}

/* Tablet and phone: restore the available width to prevent cramped paragraphs. */
@media (max-width: 800px) {
  .ddd-article article > h1,
  .ddd-article article > .entry-meta,
  .ddd-article .entry-content > :is(h2, h3, h4, h5, h6, ul, ol, blockquote, pre),
  .ddd-article .entry-content > p:not(:has(img, video, iframe, picture)),
  #podpora .don-grid > div:first-child,
  #kontakt .contact-info {
    width: 100%;
    max-width: 100%;
  }
}