:root{--ink:#1f2430;--paper:#faf7f2;--accent:#6b5b95;--muted:#6e6a63;--line:#e5dfd4}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Georgia,"Times New Roman",serif;background:var(--paper);color:var(--ink);line-height:1.7}
header{border-bottom:1px solid var(--line);background:#fff}
.wrap{max-width:880px;margin:0 auto;padding:0 24px}
nav{display:flex;align-items:baseline;gap:28px;padding:22px 0;flex-wrap:wrap}
.brand{font-size:1.45rem;letter-spacing:.5px;color:var(--ink);text-decoration:none;font-weight:bold}
.brand span{color:var(--accent)}
nav a{color:var(--muted);text-decoration:none;font-size:.98rem}
nav a:hover,nav a.active{color:var(--accent)}
main{padding:48px 0 64px}
h1{font-size:2rem;margin-bottom:.6em;font-weight:normal}
h2{font-size:1.3rem;margin:1.6em 0 .5em;font-weight:normal;color:var(--accent)}
p{margin-bottom:1em}
.lede{font-size:1.12rem;color:var(--muted);font-style:italic;margin-bottom:2em}
.card{border:1px solid var(--line);background:#fff;padding:24px 28px;margin:18px 0;border-radius:4px}
.card h3{font-weight:normal;margin-bottom:.4em}
.card .date{font-size:.85rem;color:var(--muted);margin-bottom:.6em}
footer{border-top:1px solid var(--line);padding:26px 0;color:var(--muted);font-size:.9rem;background:#fff}
footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}
ul{margin:0 0 1em 1.4em}
a{color:var(--accent)}