/* edur-ui-v5_4: category intro as wide as the subcategory tiles below it (Viliam 18 Oct: "wider, more or less the width of the categories combined"). Replaces v5_3 (remove its link line). Heading and text share the grid's left edge. Site root font-size is 10px, so px only. Undo: delete this link line. */
@media (min-width: 768px) {
  html body.template-13.type-category main#content div.category-top > h1.category-title {
    max-width: none;
    margin: 0 0 13px;
    text-align: left;
  }
  html body.template-13.type-category main#content div.category-top > div.category-perex {
    max-width: none;             /* same width as ul.subcategories (both are blocks inside .category-top) */
    margin: 0 0 34px;            /* 34 from the 8/13/21/34/55 scale */
    text-align: left;
  }
  html body.template-13.type-category main#content div.category-top > div.category-perex > p {
    max-width: none;             /* defeats v5.1 R08 */
    margin: 0;
    font-size: 18px;
    line-height: 1.6;
    text-wrap: pretty;
  }
}
@media (max-width: 767px) {
  html body.template-13.type-category main#content div.category-top > div.category-perex {
    max-width: none;
    margin: 8px 0 21px;
    text-align: left;
  }
  html body.template-13.type-category main#content div.category-top > div.category-perex > p {
    max-width: none;
    margin: 0;
    font-size: 16px;
    line-height: 1.6;
    text-wrap: pretty;
  }
}