*{box-sizing:border-box}
body{margin:0;font:17px/1.7 Georgia,"Times New Roman",serif;color:#23211e;background:#f6f4ef}
.wrap{max-width:720px;margin:0 auto;padding:0 20px}
.top{background:#fff;border-bottom:1px solid #e6e1d8;padding:18px 0;margin-bottom:40px}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.brand{font-size:20px;font-weight:700;color:#23211e;text-decoration:none;letter-spacing:-.3px}
nav a{margin-left:18px;color:#6b645a;text-decoration:none;font-size:15px;font-family:system-ui,sans-serif}
nav a:hover{color:#23211e}
.post{background:#fff;border:1px solid #e6e1d8;border-radius:6px;padding:28px;margin-bottom:24px}
.post h1{margin:0 0 6px;font-size:26px;line-height:1.25}
.meta{margin:0 0 18px;color:#8a8278;font-size:14px;font-family:system-ui,sans-serif}
.foot{padding:32px 20px 48px;color:#8a8278;font-size:14px;font-family:system-ui,sans-serif}
.foot a{color:#6b645a}