:root{
  --bg:#fbfaf7; --surface:#fff; --ink:#23201c; --muted:#726b61;
  --line:#e6e1d8; --accent:#8a6d3b;
}
*{box-sizing:border-box}
body{
  margin:0; background:var(--bg); color:var(--ink);
  font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
.wrap{max-width:720px;margin:0 auto;padding:0 20px}
header{border-bottom:1px solid var(--line);background:var(--surface)}
header .wrap{display:flex;align-items:baseline;gap:24px;padding-top:22px;padding-bottom:22px}
.logo{font:700 20px/1 Georgia,"Times New Roman",serif;letter-spacing:.02em;text-decoration:none;color:var(--ink)}
.logo span{color:var(--accent)}
nav{margin-left:auto;display:flex;gap:18px}
nav a{color:var(--muted);text-decoration:none;font-size:15px}
nav a:hover{color:var(--accent)}
main{padding:44px 0 72px}
h1{font:700 30px/1.25 Georgia,"Times New Roman",serif;margin:0 0 10px}
h2{font:700 20px/1.3 Georgia,"Times New Roman",serif;margin:36px 0 10px}
.lead{color:var(--muted);margin:0 0 34px}
.card{
  background:var(--surface);border:1px solid var(--line);border-radius:12px;
  padding:18px 20px;margin-bottom:14px;
}
.card h3{margin:0 0 6px;font:600 17px/1.35 inherit}
.card h3 a{color:var(--ink);text-decoration:none}
.card h3 a:hover{color:var(--accent)}
.card p{margin:0;color:var(--muted);font-size:15px}
.meta{color:var(--muted);font-size:13px;margin:0 0 26px}
article p{margin:0 0 16px}
article ul{margin:0 0 16px;padding-left:22px}
article li{margin-bottom:6px}
.back{display:inline-block;margin-top:28px;color:var(--accent);text-decoration:none;font-size:15px}
footer{border-top:1px solid var(--line);color:var(--muted);font-size:14px}
footer .wrap{padding-top:20px;padding-bottom:28px}