* { box-sizing: border-box; }

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    max-width: 720px;
    margin: 0 auto;
    padding: 24px 20px 60px;
    line-height: 1.6;
    color: #1a1a1a;
    background: #fafafa;
}

a { color: #b34a1f; text-decoration: none; }
a:hover { text-decoration: underline; }

.site-header {
    padding-bottom: 24px;
    margin-bottom: 32px;
    border-bottom: 1px solid #e0e0e0;
}

.site-header .logo {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: #111;
}

.site-header .tagline {
    margin: 4px 0 0;
    color: #666;
    font-size: 14px;
}

h1 { font-size: 32px; line-height: 1.2; margin: 0 0 16px; }
h2 { font-size: 22px; margin: 40px 0 12px; }
h3 { font-size: 18px; margin: 28px 0 10px; }

.post-list { list-style: none; padding: 0; }
.post-list li {
    padding: 16px 0;
    border-bottom: 1px solid #eee;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 16px;
}
.post-list a { font-size: 18px; }
.post-list time { color: #888; font-size: 13px; white-space: nowrap; }

.meta { color: #888; font-size: 14px; margin-bottom: 32px; }

.post-body p,
.page-body p { margin: 0 0 20px; }

.post-body img,
.page-body img { max-width: 100%; height: auto; }

.site-footer {
    margin-top: 60px;
    padding-top: 20px;
    border-top: 1px solid #e0e0e0;
    color: #888;
    font-size: 13px;
}