:root { color-scheme: light dark; }
body { font: 18px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; max-width: 680px; margin: 0 auto; padding: 2rem 1.25rem; }
.site-header { margin-bottom: 3rem; }
.site-title { font-size: 1.5rem; font-weight: 700; text-decoration: none; color: inherit; }
.site-tagline { opacity: 0.7; margin: 0.25rem 0 0; }
.post-list { list-style: none; padding: 0; }
.post-list li { display: flex; justify-content: space-between; gap: 1rem; padding: 0.6rem 0; border-bottom: 1px solid rgba(128,128,128,0.25); }
.post-list a { color: inherit; text-decoration: none; }
.post-list a:hover { text-decoration: underline; }
.post-list time { opacity: 0.6; white-space: nowrap; }
article time { opacity: 0.6; display: block; margin-bottom: 1.5rem; }
.site-footer { margin-top: 4rem; opacity: 0.7; }