/* C/LOG shared article readability baseline.
   Display typography stays article-specific; reading text uses a stable regular weight. */
body {
  font-weight: 400;
  text-rendering: optimizeLegibility;
}

body :where(
  p,
  li,
  dt,
  dd,
  td,
  th,
  figcaption,
  blockquote,
  summary,
  label,
  small,
  [class$="-lead"],
  [class$="-desc"],
  [class$="-copy"],
  [class$="-note"],
  [class$="-caption"],
  [class*="__lead"],
  [class*="__desc"],
  [class*="__copy"],
  [class*="__note"],
  [class*="__caption"]
) {
  font-weight: 400 !important;
}

/* Keep article-specific display typography, while preventing body copy from
   becoming too small on high-resolution desktop and mobile screens. */
body :where(article, .article) :where(
  p,
  li,
  dd,
  td,
  th,
  blockquote,
  summary
) {
  font-size: max(15px, 1em);
}

body :where(article, .article) :where(
  figcaption,
  small,
  [class$="-note"],
  [class$="-caption"],
  [class*="__note"],
  [class*="__caption"]
) {
  font-size: max(12px, 1em);
}

@media (max-width: 767px) {
  body :where(article, .article) :where(
    p,
    li,
    dd,
    td,
    th,
    blockquote,
    summary
  ) {
    line-height: 1.8;
  }
}