:root{--bg:#fbfaf6;--ink:#23281f;--muted:#6b7064;--accent:#3d6b35;--line:#e3e1d8;--card:#fff}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:18px/1.7 Georgia,'Times New Roman',serif}
a{color:var(--accent)}
header.site{border-bottom:1px solid var(--line);padding:20px 16px}
header.site .in,main,footer .in{max-width:700px;margin:0 auto}header.site,footer{padding-left:0!important;padding-right:0!important}header.site .in,footer .in{padding:0 16px}
header.site a{display:inline-block}header.site img{display:block;height:44px;width:auto;margin:0;border-radius:0}
main{padding:40px 16px 64px}
h1{font-size:2.1rem;line-height:1.2;margin:0 0 .4em;font-weight:normal}
h2,h3,h4,h5,h6{line-height:1.3;font-weight:600}
.meta{color:var(--muted);font:14px/1.5 system-ui,-apple-system,sans-serif;margin:0 0 2em}
img{max-width:100%;height:auto;display:block;margin:1.5em auto;border-radius:4px}
blockquote{margin:1.5em 0;padding:0 0 0 1.2em;border-left:3px solid var(--line);color:var(--muted)}
hr{border:0;border-top:1px solid var(--line);margin:2em 0}
.video{position:relative;padding-top:56.25%;margin:1.5em 0}.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:4px}
.intro{color:var(--muted);font-size:1.05rem;margin:0 0 2.5em}
ul.list{list-style:none;padding:0;margin:0}
ul.list li{border-top:1px solid var(--line);padding:18px 0}
ul.list a{text-decoration:none;color:var(--ink);font-size:1.2rem}ul.list a:hover{color:var(--accent)}
ul.list .d{display:block;color:var(--muted);font:13px/1.4 system-ui,-apple-system,sans-serif;margin-top:4px}
.back{font:14px system-ui,-apple-system,sans-serif;text-decoration:none}
footer{border-top:1px solid var(--line);padding:24px 16px;color:var(--muted);font:13px/1.5 system-ui,-apple-system,sans-serif}