:root{--ink:#1d2430;--muted:#5b6575;--accent:#1f3a5f;--gold:#c8902a;--bg:#fbfaf7;--line:#e6e2da}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.65 Georgia,"Times New Roman",serif}
a{color:var(--accent)}.wrap{max-width:760px;margin:0 auto;padding:0 20px}
.top{border-bottom:1px solid var(--line);background:#fff}.top .wrap{display:flex;justify-content:space-between;align-items:center;height:64px}
.logo{font:700 22px/1 Helvetica,Arial,sans-serif;text-decoration:none;color:var(--accent)}.logo span{color:var(--gold)}
nav a{font:15px Helvetica,Arial,sans-serif;margin-left:18px;text-decoration:none;color:var(--muted)}nav a:hover{color:var(--accent)}
.hero{padding:48px 0 24px}.hero h1{font-size:34px;line-height:1.2;margin:0 0 12px}.hero p{color:var(--muted)}
.list article{border-top:1px solid var(--line);padding:24px 0}.list h2{font-size:23px;margin:4px 0 8px}.list h2 a{text-decoration:none;color:var(--ink)}
.meta{font:13px Helvetica,Arial,sans-serif;color:var(--gold);text-transform:uppercase;letter-spacing:.06em;margin:0}
.post{padding:40px 0}.post h1{font-size:32px;line-height:1.25}.post h2{font-size:22px;margin-top:32px}
.foot{border-top:1px solid var(--line);margin-top:40px;padding:24px 20px;color:var(--muted);font:14px Helvetica,Arial,sans-serif}
@media (max-width:520px){.hero h1{font-size:27px}nav a{margin-left:12px}}