:root{--bg:#f4f6f1;--ink:#22281f;--mute:#5e6758;--line:#cfd8c7;--accent:#3f6b2a;--chip:#e6ecdf}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.6 Charter,'Bitstream Charter',Cambria,serif}
.w{max-width:44rem;margin:0 auto;padding:0 1rem}header{padding:1.6rem 0 1.1rem;display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem 1.2rem;border-bottom:3px double var(--line)}
header a.t{font-size:1.45rem;color:var(--accent);text-decoration:none;font-weight:bold}header p{margin:0;color:var(--mute);font-style:italic;flex:1 1 14rem}
nav{width:100%;display:flex;gap:.5rem}nav a{background:var(--chip);color:var(--ink);text-decoration:none;font-size:.9rem;padding:.15rem .6rem;border-radius:99px}
main{padding:1.3rem 0 2.2rem}h1{font-size:1.5rem;line-height:1.3}h2{font-size:1.1rem;margin-top:1.7rem;border-left:4px solid var(--accent);padding-left:.5rem}
a{color:var(--accent)}.d{color:var(--mute);font-size:.9rem}ul.p{padding-left:1.1rem}ul.p li{margin:.6rem 0}
footer{border-top:1px solid var(--line);padding:1rem 0 2rem;color:var(--mute);font-size:.85rem}