/* Minimal overrides on top of Bootstrap 5 — most styling lives in Bootstrap. */

/* Tabular figures everywhere we use .font-monospace for numbers, so columns align. */
.font-monospace { font-variant-numeric: tabular-nums; }

/* Slight tightening of card paddings on small screens. */
@media (max-width: 575.98px) {
  .card-body { padding: 1rem; }
  h1.h3 { font-size: 1.35rem; }
}

/* Canvas backing — Bootstrap doesn't normalize this. */
canvas { display: block; }

/* Markdown post body — modest typography. */
.post-body { line-height: 1.65; }
.post-body h2 { margin-top: 1.6rem; margin-bottom: .6rem; font-size: 1.4rem; }
.post-body h3 { margin-top: 1.2rem; margin-bottom: .5rem; font-size: 1.15rem; }
.post-body img { max-width: 100%; height: auto; border-radius: .25rem; }
.post-body pre { background: #f6f8fa; padding: .75rem 1rem; border-radius: .25rem; overflow-x: auto; }
.post-body code { background: #f6f8fa; padding: .1rem .35rem; border-radius: .2rem; font-size: .9em; }
.post-body pre code { padding: 0; background: transparent; }
.post-body blockquote { border-left: 3px solid #dee2e6; padding-left: 1rem; color: #6c757d; }
.post-body table { width: auto; border-collapse: collapse; }
.post-body table th, .post-body table td { border: 1px solid #dee2e6; padding: .35rem .6rem; }