body {
  font-size: 20px;
  line-height: 1.55;
  max-width: 1500px;
  margin: 0 auto;
  padding: 1.5em 1.25em;
  color: #1f2933;
}

#quarto-content .content {
  max-width: 1400px;
}

h1, h2, h3 {
  line-height: 1.2;
  margin-top: 1.4em;
  margin-bottom: 0.4em;
}

h1 { font-size: 1.9em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.2em; }

ul, ol { margin-left: 1.2em; }
li { margin: 0.35em 0; }

a { color: #1a73a8; }

code.r { font-size: 0.9em; }
pre { font-size: 0.9em; }

/* Improve readability of blockquotes (callouts) */
blockquote,
blockquote.blockquote {
  background-color: #f8fafc; /* Very subtle background to pop */
  border-left: 5px solid #8ba4b8; /* Stronger border line */
  padding: 0.8em 1.2em;
  margin: 1.5em 0;
  border-radius: 4px;
}

/* Quarto renders these as <blockquote class="blockquote">, so target the
   Bootstrap class and its child text explicitly. */
blockquote.blockquote,
blockquote.blockquote p,
blockquote.blockquote li,
blockquote.blockquote strong {
  color: #2b3a4a !important;
}