* { box-sizing: border-box; margin: 0; padding: 0; }
body {
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 18px;
    line-height: 1.7;
    color: #1a1a1a;
    background: #fafaf8;
    max-width: 680px;
    margin: 0 auto;
    padding: 40px 24px 80px;
}
h1 { font-size: 1.8em; margin: 1.5em 0 0.5em; line-height: 1.3; }
h2 { font-size: 1.3em; margin: 2em 0 0.5em; font-style: italic; font-weight: normal; }
h3 { font-size: 1.1em; margin: 1.5em 0 0.3em; }
p { margin: 0.8em 0; }
a { color: #333; }
a:hover { color: #000; }
code { font-family: 'Courier New', monospace; font-size: 0.85em; background: #f0f0ee; padding: 1px 4px; border-radius: 2px; }
pre { background: #f0f0ee; padding: 16px; border-radius: 4px; overflow-x: auto; margin: 1.2em 0; }
pre code { background: none; padding: 0; }
blockquote { border-left: 3px solid #ccc; padding-left: 1em; color: #555; margin: 1em 0; }
strong { font-weight: bold; }
em { font-style: italic; }
nav { margin-bottom: 3em; font-size: 0.85em; color: #888; }
nav a { color: #888; text-decoration: none; margin-right: 1.5em; }
nav a:hover { color: #333; }
.meta { font-size: 0.8em; color: #999; margin-top: 3em; padding-top: 1em; border-top: 1px solid #e8e8e5; }
footer { margin-top: 4em; font-size: 0.8em; color: #bbb; }
.reply-link { margin-top: 2.5em; font-size: 0.85em; }
.reply-link a { color: #aaa; text-decoration: none; }
.reply-link a:hover { color: #555; }
.site-name { color: #888; text-decoration: none; font-size: 0.85em; }
.site-name:hover { color: #333; }

/* Index listing */
.note-count { font-size: 0.8em; color: #bbb; margin-bottom: 1.5em; }
.section-label { font-size: 0.75em; font-weight: normal; font-style: normal; letter-spacing: 0.08em; text-transform: uppercase; color: #aaa; margin: 2.5em 0 0.8em; border-bottom: 1px solid #eee; padding-bottom: 0.4em; }
.cat-count { font-size: 0.9em; letter-spacing: 0; text-transform: none; }
.article-list { list-style: none; padding: 0; }
.article-list li { margin: 1.6em 0; }
.article-list li a { color: #1a1a1a; text-decoration: none; font-size: 1.0em; }
.article-list li a:hover { color: #000; text-decoration: underline; }
.item-desc { display: block; font-size: 0.85em; color: #666; margin-top: 0.2em; line-height: 1.5; }
.item-date { display: block; font-size: 0.75em; color: #bbb; margin-top: 0.1em; }