:root { color-scheme: light; font-family: system-ui, sans-serif; }
body { margin: 0; color: #1f2937; background: #f8fafc; }
.site-header, .site-footer { padding: 1rem max(1rem, calc((100% - 960px) / 2)); background: #111827; color: white; }
.site-header a { color: white; text-decoration: none; font-weight: 700; }
nav:not(.pagination) { padding: .75rem max(1rem, calc((100% - 960px) / 2)); background: white; }
nav a { color: #2563eb; }
.site-main { max-width: 960px; margin: 0 auto; padding: 2rem 1rem 4rem; background: white; min-height: 70vh; }
.article-list { padding: 0; list-style: none; }
.article-list li { display: flex; justify-content: space-between; gap: 1rem; padding: .75rem 0; border-bottom: 1px solid #e5e7eb; }
.article-content { line-height: 1.8; }
.article-content img { max-width: 100%; height: auto; }
.article-meta, .article-taxonomy, time { color: #6b7280; font-size: .9rem; }
.article-taxonomy a { margin-right: .5rem; }