/* edur-ui-v5_3: category intro as a centred column, wider and shorter (Viliam 18 Oct; numbers from Luna's benchmark scratch/r4/INTRO_BENCHMARK.md: no benchmark site centres multi-line text, wide blocks 85-105 characters per line). Loads AFTER edur-ui-v5_1-residuals.css (overrides its R08 70ch cap on category pages). 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: 800px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;            /* same left edge as the text below */
  }
  html body.template-13.type-category main#content div.category-top > div.category-perex {
    max-width: 800px;            /* block centred in the content area */
    margin: 21px auto 34px;      /* 21 / 34 from the 8/13/21/34/55 scale */
    text-align: left;            /* centred multi-line text is harder to read; the block itself is centred */
  }
  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;             /* about 103 characters per line at 800 px */
    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;
  }
}
@media (min-width: 1600px) {
  html body.template-13.type-category main#content div.category-top > h1.category-title,
  html body.template-13.type-category main#content div.category-top > div.category-perex { max-width: 880px; }
}