:root{
  --paper:#fbf9f4; --ink:#191713; --muted:#8b8478; --accent:#9c5a37; --rule:#e2dbcc;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--paper); color:var(--ink);
  font-family:"Noto Serif SC","Songti SC",Georgia,"Times New Roman",serif;
  line-height:1.85; font-size:17px;
}
.wrap{max-width:660px;margin:0 auto;padding:64px 24px 96px}
header.site{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:56px}
header.site a.brand{font-size:19px;letter-spacing:.12em;color:var(--ink);text-decoration:none}
nav a{color:var(--muted);text-decoration:none;font-size:14px;margin-left:20px;letter-spacing:.06em}
nav a:hover{color:var(--accent)}
h1{font-size:30px;line-height:1.4;letter-spacing:.01em;margin:0 0 14px;font-weight:600}
h2{font-size:20px;margin:44px 0 12px;font-weight:600}
p{margin:0 0 20px}
.lede{color:var(--muted);font-size:15px;letter-spacing:.02em}
hr{border:0;border-top:1px solid var(--rule);margin:44px 0}
ul.posts{list-style:none;padding:0;margin:8px 0 0}
ul.posts li{padding:18px 0;border-bottom:1px solid var(--rule)}
ul.posts li:last-child{border-bottom:0}
ul.posts a{color:var(--ink);text-decoration:none;font-size:18px}
ul.posts a:hover{color:var(--accent)}
ul.posts time{display:block;color:var(--muted);font-size:13px;letter-spacing:.08em;margin-top:4px}
article time{color:var(--muted);font-size:13px;letter-spacing:.08em}
blockquote{margin:26px 0;padding:2px 0 2px 18px;border-left:2px solid var(--accent);color:#4a463f}
footer.site{margin-top:72px;padding-top:20px;border-top:1px solid var(--rule);color:var(--muted);font-size:13px;display:flex;justify-content:space-between;gap:12px}
footer.site a{color:var(--muted)}
::selection{background:#eadbc8}