:root {
    --bg: #fafafa;
    --text: #1a1a1a;
    --link: #7862f8;
    --code-bg: #eaeaea;
    --max-width: 650px;
}
@media (prefers-color-scheme: dark) {
    :root {
        --bg: #121212;
        --text: #e0e0e0;
        --link: #7862f8;
        --code-bg: #252525;
    }
}
body {
    /* font-family: "New Computer Modern", "Times New Roman", Times, Baskerville, Georgia, serif; */
    /* font-family: ui-monospace, SFMono-Regular, "SF Pro Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    line-height: 1.6;
    color: var(--text);
    background-color: var(--bg);
    max-width: var(--max-width);
    margin: 40px auto;
    padding: 0 20px;
}
header { margin-bottom: 40px; }
h1 { margin-bottom: 5px; font-size: 1.8rem; }
h2 { font-size: 1.2rem; margin-top: 30px; border-bottom: 1px solid var(--code-bg); padding-bottom: 5px; }
a { color: var(--link); text-decoration: none; }
a:hover { text-decoration: underline; }
ul { padding-left: 20px; }
li { margin-bottom: 8px; }
code { font-family: ui-monospace, SFMono-Regular, SF Pro Mono, Menlo, Monaco, Consolas, monospace; background: var(--code-bg); padding: 2px 6px; border-radius: 4px; font-size: 0.9em; }
.links { margin-top: 10px; font-family: monospace; }
.links a { margin-right: 15px; }
.project-meta { font-size: 0.9em; color: gray; display: block; margin-top: -4px; margin-bottom: 4px; }