/* style.css */

/* Imports for Math (if you use KaTeX later) */
@import url("https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.css");

body {
    margin: 40px auto;
    max-width: 650px;
    line-height: 1.6;
    font-size: 18px;
    color: #444;
    padding: 0 10px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
h1, h2, h3 { line-height: 1.2; color: #111; }
a { color: #0033cc; text-decoration: underline; }
a:hover { text-decoration: none; }
hr { border: none; border-top: 1px solid #eee; margin: 2rem 0; }
.date { font-size: 0.85em; color: #888; font-family: monospace; }

/* Header Specifics */
.header-container { display: flex; align-items: center; gap: 20px; }
.profile-img { 
    width: 120px; 
    height: 120px; 
    border-radius: 50%; 
    object-fit: cover; 
    background: #eee; 
}

/* Helper for the publication spacing you used */
.pub-item { margin-top: 15px; }

/* Blog post images */
article img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 2rem auto;
}

article p img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}