:root{--bg:#f7f6f2;--fg:#2b2b2b;--muted:#6b6b6b;--line:#dcd9d0;--link:#3a5a40}
@media(prefers-color-scheme:dark){:root{--bg:#1c1c1a;--fg:#e4e2db;--muted:#9a978e;--line:#33332f;--link:#9cc29e}}
*{box-sizing:border-box}html{font:17px/1.6 Georgia,"Times New Roman",serif;background:var(--bg);color:var(--fg)}
body{margin:0;padding:0 16px}main,header,footer{max-width:640px;margin:0 auto}
header{padding:32px 0 16px;border-bottom:1px solid var(--line)}header a{color:inherit;text-decoration:none}
header .name{font-size:1.4rem;letter-spacing:.02em}header nav{margin-top:6px;font-size:.95rem;color:var(--muted)}
header nav a{color:var(--muted);margin-right:14px}main{padding:24px 0 40px}
h1{font-weight:normal;font-size:1.6rem;margin:.2em 0 .4em}h2{font-weight:normal;font-size:1.2rem;margin:1.6em 0 .4em}
a{color:var(--link)}time,.meta{color:var(--muted);font-size:.9rem}
ul.notes{list-style:none;padding:0}ul.notes li{padding:10px 0;border-bottom:1px solid var(--line)}
ul.notes li a{text-decoration:none;font-size:1.05rem}ul.notes li span{display:block}
footer{padding:16px 0 40px;border-top:1px solid var(--line);color:var(--muted);font-size:.85rem}
blockquote{margin:1em 0;padding-left:14px;border-left:3px solid var(--line);color:var(--muted)}
table{border-collapse:collapse;width:100%;font-size:.95rem}td,th{text-align:left;padding:6px 8px;border-bottom:1px solid var(--line)}
img{max-width:100%}