/* This makes text in code blocks smaller than body text */
.highlight, code {
  font-size: 0.85rem;
}

/* This makes text in TOC smaller than body text */
#TableOfContents li {
  font-size: 0.85rem;
}

/* This reduces font in article card summaries */
.py-1 {
  font-size: 0.85rem;
  font-weight: 400;
}

/* For bullet points to stand out in a list, the line heights inside and
   between bullet points should differ. This reduces the inside height */
   li {
  line-height: 1.65;
}

/* This sets the style for article summaries */
.article-summary {
  font-weight: 700;
  font-style: italic;
  padding-left: 1em;
  border-left: 0.25rem solid #e7352c;
  margin-top: 1.6em;
}

/*
  Fix table column alignment for markdown injected with marked.js.
  By default, marked.js uses the deprecated HTML "align" attribute
  (e.g. <td align="center">), while Hugo/Goldmark uses inline CSS
  (e.g. <td style="text-align:center;">).

  Many modern CSS resets override "align", so without this rule
  the alignment is lost in dynamically injected tables.
  These selectors re-enable the expected alignment for tables
  coming from marked.js, without affecting Hugo-built tables.
*/
table th[align="left"], table td[align="left"] {
  text-align: left;
}
table th[align="center"], table td[align="center"] {
  text-align: center;
}
table th[align="right"], table td[align="right"] {
  text-align: right;
}
