*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:#24292f;background:#fafafa;line-height:1.65}
.wrap{max-width:740px;margin:0 auto;padding:0 18px}
.site-head{background:#fff;border-bottom:1px solid #e6e2dc;position:sticky;top:0}
.site-head .wrap{display:flex;align-items:center;justify-content:space-between;height:58px}
.logo{font-weight:700;font-size:1.15rem;color:#24292f;text-decoration:none;letter-spacing:.2px}
nav a{color:#57606a;text-decoration:none;margin-left:20px;font-size:.95rem}
nav a:hover{color:#b3482b}
.lead{font-size:1.12rem;color:#444;margin:34px 0 28px}
.posts{display:flex;flex-direction:column;gap:14px;margin-bottom:46px}
.post-card{background:#fff;border:1px solid #e6e2dc;border-radius:10px;padding:18px 22px}
.post-card .date{font-size:.82rem;color:#8a8378;text-transform:uppercase;letter-spacing:.06em}
.post-card h2{margin:6px 0 8px;font-size:1.22rem;line-height:1.35}
.post-card h2 a{color:#1f3a5f;text-decoration:none}
.post-card h2 a:hover{color:#b3482b}
.post-card p{margin:0;color:#4b5563}
.article{background:#fff;border:1px solid #e6e2dc;border-radius:10px;padding:30px 34px;margin:30px 0 46px}
.article h1{font-size:1.7rem;line-height:1.3;margin:4px 0 18px}
.article h2{font-size:1.25rem;margin:28px 0 10px}
.article p{margin:12px 0;color:#333}
.article ul{color:#333}
.article .date{font-size:.85rem;color:#8a8378;text-transform:uppercase;letter-spacing:.06em}
.article figure{margin:22px 0}
.article figcaption{font-size:.85rem;color:#8a8378;text-align:center;margin-top:6px}
.article img{max-width:100%;border-radius:8px}
.backlink{display:inline-block;margin-top:8px;color:#1f3a5f;text-decoration:none}
.backlink:hover{color:#b3482b}
.site-foot{border-top:1px solid #e6e2dc;background:#fff;color:#8a8378;font-size:.85rem;padding:16px 0}