:root{
  --ink:#18130D; --paper:#F8F4EC; --paper-dim:#EEE6D6;
  --charcoal:#15100B; --charcoal-2:#211A11;
  --gold:#B8912F; --gold-deep:#8C6A1E; --gold-bright:#E8C766;
  --mist:#D6C7A8; --line:rgba(24,19,13,0.12); --line-dark:rgba(255,255,255,0.14);
}
*{box-sizing:border-box; margin:0; padding:0;}
body{
  background:var(--paper); color:var(--ink); line-height:1.7;
  font-family:'Noto Sans SC','Inter',sans-serif;
}
a{color:inherit; text-decoration:none;}
.container{max-width:820px; margin:0 auto; padding:0 24px;}
.nav{background:var(--charcoal); padding:22px 0;}
.nav .container{display:flex; align-items:center; justify-content:space-between;}
.brand{color:#fff; font-weight:700; font-family:Georgia,serif;}
.brand span{color:var(--gold-bright); font-family:monospace; font-size:0.62rem; letter-spacing:0.12em; margin-left:8px;}
.nav a.back{color:var(--mist); font-size:0.86rem;}
.nav a.back:hover{color:var(--gold-bright);}
.hero{padding:64px 0 32px;}
.eyebrow{font-family:monospace; font-size:0.78rem; letter-spacing:0.16em; color:var(--gold-deep); text-transform:uppercase;}
h1{font-family:Georgia,'Noto Serif SC',serif; font-size:2rem; margin:14px 0 8px; line-height:1.3;}
.meta{color:#8a8072; font-size:0.86rem; margin-bottom:8px;}
.list{padding:20px 0 80px;}
.post-card{
  display:block; padding:28px 0; border-bottom:1px solid var(--line);
}
.post-card h2{font-family:Georgia,'Noto Serif SC',serif; font-size:1.35rem; margin-bottom:8px;}
.post-card p{color:#4a4234; font-size:0.94rem;}
.post-card .meta{margin-top:10px;}
.empty{padding:60px 0; text-align:center; color:#8a8072;}
.post-body{padding:12px 0 90px; font-size:1.02rem;}
.post-body img{max-width:100%; border-radius:6px; margin:20px 0;}
.post-body h2{font-family:Georgia,'Noto Serif SC',serif; font-size:1.4rem; margin:32px 0 14px;}
.post-body h3{font-size:1.15rem; margin:26px 0 12px;}
.post-body p{margin-bottom:16px; color:#2b2419;}
.post-body a{color:var(--gold-deep); text-decoration:underline;}
.post-body ul, .post-body ol{margin:0 0 16px 22px;}
.post-body blockquote{border-left:3px solid var(--gold); padding-left:16px; color:#5a5142; margin:20px 0;}
.post-body code{background:var(--paper-dim); padding:2px 6px; border-radius:4px; font-size:0.88em;}
footer{background:var(--charcoal); color:var(--mist); padding:36px 0; font-size:0.82rem; text-align:center;}