:root{--ink:#22201c;--muted:#6b6459;--rule:#e2dacb;--bg:#faf7f1;--night:#17171c;--gold:#cb9c62;--gold-deep:#8a6534}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;color:var(--ink);font:17px/1.65 Georgia,"Times New Roman",serif;-webkit-font-smoothing:antialiased}
.wrap{max-width:780px;margin:0 auto;padding:0 24px}
header.site{background:var(--night);border-bottom:3px solid var(--gold)}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding-top:18px;padding-bottom:18px}
.brand{display:flex;align-items:center;gap:16px;text-decoration:none}
.brand .mark{height:54px;width:54px}
.brand .word{height:30px;width:auto;margin-top:4px}
.brand .sr{position:absolute;left:-9999px}
nav a{font:14px "Segoe UI",Helvetica,Arial,sans-serif;color:#e8dcc8;text-decoration:none;margin-left:20px;letter-spacing:.02em}
nav a:hover,nav a[aria-current]{color:var(--gold)}
main{padding:48px 0 64px}
h1{font-weight:normal;font-size:34px;line-height:1.25;margin:0 0 8px}
h2{font-weight:normal;font-size:22px;margin:36px 0 8px;color:var(--gold-deep)}
p.lead{font-size:19px;color:var(--muted);margin-top:0}
.meta{font:13px "Segoe UI",Helvetica,Arial,sans-serif;color:var(--muted)}
a{color:var(--gold-deep)}
ul,ol{padding-left:22px}
li{margin:4px 0}
.card{background:#fff;border:1px solid var(--rule);border-top:3px solid var(--gold);padding:20px 24px;margin:24px 0}
.quote{border-left:3px solid var(--gold);background:#fff;padding:12px 18px;margin:16px 0;font-style:italic}
figure{margin:28px 0}
figure img{width:100%;height:auto;border:1px solid var(--rule);background:var(--night)}
figcaption{font:13px "Segoe UI",Helvetica,Arial,sans-serif;color:var(--muted);margin-top:8px}
footer.site{background:var(--night);color:#b9ae9c;font:13px/1.7 "Segoe UI",Helvetica,Arial,sans-serif;padding:26px 0 36px}
footer.site a{color:#e8dcc8;margin-right:16px}
footer.site .mark{height:28px;width:28px;vertical-align:middle;margin-right:10px}