/* Typography ------------------------------------------------------------- */
/* Fonts, sizes, and anything tied to the accent color live in theme.scss —
   Bootstrap variables there recompute the whole scale, and accent-derived
   rules stay in one place. Only what SCSS doesn't cover belongs here. */

/* Keep the prose measure comfortable for long-form reading. */
main {
  hyphens: auto;
}

/* Margin column ---------------------------------------------------------- */

.column-margin {
  font-size: 0.82rem;
  line-height: 1.45;
  color: #5c5c5c;
}

/* Code ------------------------------------------------------------------- */

div.sourceCode {
  border-radius: 4px;
}

/* Folded-code toggles should read as UI, not as body text. */
summary {
  font-size: 0.88rem;
  color: #5c5c5c;
  cursor: pointer;
}

/* Blog listing ----------------------------------------------------------- */

.quarto-listing {
  margin-top: 1.5rem;
}

.listing-date {
  color: #6c6c6c;
  font-variant-numeric: tabular-nums;
}

/* Footer ----------------------------------------------------------------- */

.nav-footer {
  font-size: 0.85rem;
  color: #6c6c6c;
}