:root { --bg:#fff; --fg:#222; --muted:#666; --link:#0b5394; --rule:#ddd; }
@media (prefers-color-scheme: dark) { :root { --bg:#1b1b1b; --fg:#e6e6e6; --muted:#9a9a9a; --link:#7ab4f5; --rule:#333; } }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--fg); font:17px/1.55 Georgia,"Times New Roman",serif; }
a { color:var(--link); }
main, .site-header, .site-footer { max-width: 46rem; margin: 0 auto; padding: 0 1rem; }
.banner { display:block; width:100%; height:auto; margin-bottom:.75rem; }
.site-header { display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; padding-top:1rem; padding-bottom:.5rem; border-bottom:1px solid var(--rule); }
.site-title { font-size:1.5rem; font-weight:bold; text-decoration:none; color:var(--fg); }
.site-header nav a { margin-left:1rem; text-decoration:none; font-family:system-ui,sans-serif; font-size:.95rem; }
.site-header nav a.active { font-weight:bold; }
main { padding-top:1.5rem; padding-bottom:2rem; }
h1 { font-size:1.8rem; line-height:1.2; margin:.2rem 0 .6rem; }
.meta, time { color:var(--muted); font-family:system-ui,sans-serif; font-size:.9rem; }
img { max-width:100%; height:auto; }
figure { margin:1rem 0; }
.post-list { list-style:none; padding:0; }
.post-list li { margin:.4rem 0; }
.post-list time { display:inline-block; min-width:6.5rem; }
.site-footer { border-top:1px solid var(--rule); padding:1rem; color:var(--muted); font-family:system-ui,sans-serif; font-size:.85rem; }
.comment-cta { margin-top:2rem; padding-top:1rem; border-top:1px solid var(--rule); font-family:system-ui,sans-serif; font-size:.95rem; }
.comment-form label { font-family:system-ui,sans-serif; font-size:.95rem; }
.comment-form input, .comment-form textarea { width:100%; max-width:36rem; padding:.4rem; font:inherit; color:var(--fg); background:var(--bg); border:1px solid var(--muted); border-radius:3px; }
.comment-form button { font:inherit; padding:.5rem 1.2rem; }
.comment-form .hp { position:absolute; left:-9999px; top:-9999px; }
blockquote { margin:1rem 0; padding:.2rem 1rem; border-left:3px solid var(--rule); color:var(--fg); }