/* Site-wide overrides on top of theme-light.scss / theme-dark.scss.
   Anything that doesn't depend on Bootstrap/Sass variables lives here. */

/* Comfortable reading width for posts. */
main {
  max-width: 760px;
}

/* Make display math a little more breathing room. */
.katex-display {
  margin: 1.4em 0;
}

/* Listing cards: tighten up the date / reading-time chips. */
.quarto-listing .listing-date,
.quarto-listing .listing-reading-time {
  font-family: "Inter", sans-serif;
  font-size: 0.85em;
  color: #6b7280;
}

/* Categories under each post — make them feel like real tags. */
.quarto-listing .listing-categories .listing-category {
  border: 1px solid #d0d7de;
  background: transparent;
  color: inherit;
  border-radius: 999px;
  padding: 0.05em 0.65em;
  margin-right: 0.3em;
  font-size: 0.8em;
}

/* Callouts: a touch more padding, slightly less aggressive border. */
.callout {
  border-left-width: 3px !important;
}
.callout .callout-body {
  padding: 0.6rem 1rem !important;
}

/* Code chunks: subtle background distinction in light mode. */
div.sourceCode {
  border-radius: 6px;
  font-size: 0.92em;
}

/* Figure captions: small caps, muted. */
figcaption,
.figure-caption {
  font-family: "Inter", sans-serif;
  font-size: 0.85em;
  color: #6b7280;
  text-align: center;
}

/* Footnote markers a bit less shouty. */
a.footnote-ref sup {
  font-size: 0.75em;
}

/* The post listing title block on the home page. */
#title-block-header h1.title {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  letter-spacing: -0.02em;
}
#title-block-header .subtitle {
  font-family: "Source Serif 4", Georgia, serif;
  font-style: italic;
  color: #4b5563;
}