:root{--ink:#17201b;--ink-soft:#4a564f;--paper:#f6f3ec;--card:#fff;--line:#e2ddd1;--green:#1f6b47}
*{box-sizing:border-box}html,body{margin:0}
body{font-family:"Funnel Sans",system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--paper);line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:var(--green)}
.wrap{max-width:760px;margin:0 auto;padding:0 24px}
header{padding:24px 0}
.logo{font-family:"Funnel Display",system-ui,sans-serif;font-weight:800;font-size:22px;text-decoration:none;color:var(--ink)}
.logo span{color:var(--green)}
main{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:40px;margin:16px 0 48px}
h1{font-family:"Funnel Display",system-ui,sans-serif;font-weight:800;font-size:38px;line-height:1.1;margin:0 0 8px;letter-spacing:-.015em}
.updated{color:var(--ink-soft);font-size:14px;margin:0 0 28px}
h2{font-size:19px;margin:32px 0 8px}
p,li{font-size:16px}
ul,ol{padding-left:22px}
li{margin:4px 0}
table{border-collapse:collapse;width:100%;font-size:15px;margin:8px 0}
th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line);vertical-align:top}
footer{border-top:1px solid var(--line);padding:24px 0 40px;font-size:14px;color:var(--ink-soft);display:flex;gap:18px;flex-wrap:wrap}
footer a{color:var(--ink-soft)}
@media(max-width:600px){main{padding:24px}h1{font-size:30px}}