:root { --ink:#173d36; --rust:#ce6544; --paper:#fffdf8; --cream:#f5f1e8; --muted:#5f6d66; --line:#dde3d9; }
* { box-sizing:border-box; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Arial,sans-serif; line-height:1.65; }
header { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:18px max(20px,calc((100vw - 820px)/2)); border-bottom:1px solid var(--line); background:var(--cream); }
header a,footer a,main a { color:var(--ink); }
.brand { display:flex; align-items:center; gap:8px; font-size:21px; font-weight:700; text-decoration:none; letter-spacing:-1px; }
.brand span { display:grid; place-items:center; width:29px; height:29px; border-radius:50% 50% 50% 9px; background:var(--ink); color:var(--paper); font-family:Georgia,serif; font-style:italic; }
.brand em { color:var(--rust); font-style:normal; }
main { max-width:820px; margin:auto; padding:60px 24px 75px; }
.kicker { margin:0 0 8px; color:var(--rust); font-size:11px; font-weight:700; letter-spacing:1.5px; }
h1,h2 { font-family:Georgia,serif; line-height:1.15; }
h1 { margin:0; font-size:clamp(40px,8vw,62px); letter-spacing:-2px; }
h2 { margin:38px 0 10px; font-size:23px; }
.updated { margin:12px 0 30px; color:var(--muted); font-size:13px; }
p,li { color:#3e4d46; }
li { margin:7px 0; }
footer { display:flex; justify-content:center; flex-wrap:wrap; gap:22px; padding:24px; border-top:1px solid var(--line); background:var(--cream); font-size:13px; }
@media(max-width:600px) { header { padding:15px 17px; } main { padding:43px 19px 60px; } header > a:last-child { font-size:12px; } }