:root{color-scheme:light;--paper:#f7f5ef;--ink:#343a34;--muted:#666d64;--line:#dedfd5;--accent:#526b58}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.85 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
main,footer,nav{max-width:780px;margin:auto;padding:24px}
nav{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}
a{color:var(--accent);text-underline-offset:4px;overflow-wrap:anywhere}
nav a{font-size:14px}
.brand{font-size:17px;font-weight:600;text-decoration:none;color:var(--ink)}
h1{font-size:32px;line-height:1.4;letter-spacing:-.5px;margin:32px 0 12px}
h2{font-size:21px;line-height:1.5;margin:36px 0 12px}
p,ul{margin:12px 0}
li{margin:8px 0}
.intro,.date,footer{color:var(--muted)}
.date,footer{font-size:13px}
footer{margin-top:32px;border-top:1px solid var(--line);padding-bottom:40px}
footer p{margin:6px 0}
a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
@media(max-width:480px){main,footer,nav{padding-left:20px;padding-right:20px}h1{font-size:28px}}