:root { --ink:#1d352d; --green:#245f4e; --cream:#fbfcf8; --line:#d9e2d5; --muted:#5a6d63 }
* { box-sizing:border-box }
body { margin:0; color:var(--ink); background:var(--cream); font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height:1.6 }
a { color:var(--green) }
.wrap { width:min(760px, calc(100% - 32px)); margin:auto }
.nav { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:22px 0; border-bottom:1px solid var(--line) }
.brand { display:flex; align-items:center; gap:10px; font-weight:780; font-size:19px; letter-spacing:-.4px; color:var(--ink); text-decoration:none }
.brand img { width:34px; height:34px }
.back { font-size:14px; font-weight:700; text-decoration:none }
main { padding:44px 0 64px }
.eyebrow { color:#657a69; font-size:12px; letter-spacing:.18em; font-weight:800 }
h1 { font-size:clamp(32px,6vw,46px); line-height:1.08; letter-spacing:-.05em; margin:10px 0 8px }
.updated { color:var(--muted); font-size:14px; margin:0 0 32px }
h2 { font-size:21px; letter-spacing:-.02em; margin:36px 0 8px }
p, li { color:#3d5248; font-size:16px }
ul { padding-left:20px }
.todo { background:#f9f0d8; border:1px dashed #c9a94a; border-radius:5px; padding:1px 6px; font-weight:700; color:#6b5313 }
.button { display:inline-block; margin-top:20px; padding:12px 17px; border-radius:9px; background:var(--green); color:#fff; font-weight:700; text-decoration:none }
footer { border-top:1px solid var(--line); padding:22px 0; font-size:13px; color:#65776c }
footer .wrap { display:flex; flex-wrap:wrap; gap:6px 18px }