:root{--bg:#f6f4ef;--fg:#1f2a2e;--mut:#5d6b70;--acc:#2f6f7e;--line:#dcd8cf}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.65 Georgia,'Times New Roman',serif}
.wrap{max-width:720px;margin:0 auto;padding:0 20px}header{border-bottom:1px solid var(--line);padding:28px 0 18px}
header a.brand{font:700 26px/1.2 Georgia,serif;color:var(--fg);text-decoration:none}header p{margin:6px 0 0;color:var(--mut);font-size:15px}
nav{margin-top:12px;font:14px system-ui,sans-serif}nav a{color:var(--acc);margin-right:16px;text-decoration:none}
main{padding:28px 0 40px}h1{font-size:32px;line-height:1.25;margin:0 0 6px}h2{font-size:22px;margin:28px 0 4px}
h2 a{color:var(--fg);text-decoration:none}h2 a:hover{color:var(--acc)}.date{color:var(--mut);font:13px system-ui,sans-serif}
article p{margin:0 0 1em}.lead{color:var(--mut)}footer{border-top:1px solid var(--line);padding:18px 0 30px;color:var(--mut);font:13px system-ui,sans-serif}
.hero{height:180px;border-radius:6px;margin:0 0 22px;background:linear-gradient(180deg,#c9d8dc 0%,#9fb9c0 55%,#d9cfb8 56%,#e8e0cc 100%)}