/* ---------- Shared by every page ---------- */
body {
  max-width: 660px;
  margin: 3em auto;
  padding: 0 1.2em;
  font-family: Georgia, serif;
  font-size: 1.05em;
  line-height: 1.7;
  color: #111;
  background: #faf8f3;
}
nav {
  margin-bottom: 2.5em;
  font-family: monospace;
  font-size: 0.9em;
}
nav a { margin-right: 1.5em; }
a { color: #111; }
a:hover { text-decoration: none; }
h1 { font-size: 1.4em; margin-bottom: 1.5em; }
hr { border: none; border-top: 1px solid #ccc; margin: 2em 0; }
figure { margin: 1em 0 0.5em 0; }
figure img { width: 100%; height: auto; }
figcaption { font-size: 0.85em; color: #666; line-height: 1.5; text-align: center; }

/* Classes: only affect elements that ask for them */
.sub { color: #444; font-size: 0.95em; margin-bottom: 1.8em; }
.journal { font-style: italic; }
.coauthor { font-size: 0.93em; color: #444; }
.meta { font-size: 0.93em; color: #444; }

/* ---------- Page-specific (scoped by <body class="...">) ---------- */
.home h1 { margin-bottom: 0.2em; }

.papers h2 { font-size: 1em; text-transform: uppercase; letter-spacing: 0.08em; margin-top: 2em; margin-bottom: 0.8em; color: #444; }

.papers ol, .talks ol { padding-left: 1.4em; }
.papers li, .talks li { margin-bottom: 1em; }

/* ---------- Notes (blog posts) ---------- */
.note h2 { font-size: 1.15em; margin-top: 2em; }
.note figure img { width: auto; max-width: 100%; display: block; margin: 0 auto; }
.note blockquote { margin: 1.5em 0; padding-left: 1em; border-left: 3px solid #ccc; color: #444; }
.note .katex-display { overflow-x: auto; overflow-y: hidden; }