:root { --paper:#f4f1e8; --ink:#132019; --muted:#667067; --line:#cec9bc; --green:#607b64; --dark:#15251e; --white:#fffef9; }
* { box-sizing: border-box; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Inter,"Segoe UI",Arial,sans-serif; font-size:16px; line-height:1.7; }
a { color:var(--green); }
header { border-bottom:1px solid var(--line); padding:18px max(24px, calc((100vw - 960px)/2)); }
.brand { display:inline-flex; align-items:center; gap:12px; color:var(--ink); text-decoration:none; line-height:1; }
.brand img { width:44px; height:44px; }
.brand span { display:flex; flex-direction:column; }
.brand strong { font-family:Georgia,serif; font-size:21px; letter-spacing:.08em; }
.brand small { margin-top:6px; color:var(--green); font-size:9px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
main { width:min(calc(100% - 40px), 960px); margin:0 auto; padding:80px 0 100px; }
.kicker { color:var(--green); font-size:12px; font-weight:800; letter-spacing:.15em; text-transform:uppercase; }
h1,h2 { font-family:Georgia,"Times New Roman",serif; font-weight:500; line-height:1.1; }
h1 { max-width:840px; margin:18px 0; font-size:clamp(42px,6vw,68px); letter-spacing:-.035em; }
h2 { margin:0 0 14px; font-size:27px; }
.updated { color:var(--muted); }
section { margin-top:42px; padding-top:32px; border-top:1px solid var(--line); }
section p, section li { color:#39473f; }
li { margin:7px 0; }
.back { display:inline-block; margin-top:56px; border:1px solid var(--ink); padding:12px 18px; color:var(--ink); font-weight:700; text-decoration:none; }
.back:hover { background:var(--dark); color:var(--white); }
footer { background:var(--dark); color:#b7c5ba; padding:26px max(24px, calc((100vw - 960px)/2)); font-size:12px; }
@media (max-width:600px) { main { padding-top:52px; } h1 { font-size:42px; } }