*{box-sizing:border-box}body{margin:0;background:#f5f4ef;color:#18312b;font:17px/1.75 system-ui,sans-serif}a{color:inherit;text-underline-offset:4px}header{background:#fff;border-bottom:1px solid #dedfd6}nav,.wrap,footer{max-width:1140px;margin:auto;padding:24px}nav{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}nav a{text-decoration:none;font-size:15px}nav .brand{font-size:22px;font-weight:800;letter-spacing:-1px}.brand b{color:#51835b}.links{display:flex;gap:22px;flex-wrap:wrap}.hero{padding:65px 0 52px;max-width:860px}h1{font-size:clamp(34px,5.5vw,66px);line-height:1.1;letter-spacing:-2px;margin:20px 0}h2{line-height:1.3;letter-spacing:-.5px}p{margin:0 0 20px}.eyebrow,.tag{font-size:12px;letter-spacing:1px;text-transform:uppercase;font-weight:700;color:#58715d}.lead{font-size:21px;max-width:750px;color:#50645b}.button{display:inline-block;padding:12px 23px;background:#214e3b;color:#fff;text-decoration:none;border-radius:8px;margin-right:12px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:white;border:1px solid #e2e4da;border-radius:12px;padding:26px;display:flex;flex-direction:column}.card h3{font-size:23px;line-height:1.3}.card p{font-size:15px;color:#5b6a61}.card a{margin-top:auto;font-weight:650}.note{background:#e9eedf;border-left:4px solid #6c874f;padding:22px;border-radius:3px;margin:28px 0}.article{max-width:800px;margin:36px auto 80px}.article h1{font-size:43px;letter-spacing:-1px}.article h2{margin-top:40px}.meta{font-size:14px;color:#5b6a61}.split{display:grid;grid-template-columns:1fr 1fr;gap:24px}.tool{padding:28px;background:#fff;border:1px solid #dedfd6;border-radius:12px}label{display:block;margin:15px 0}input,textarea,button{font:inherit;width:100%;padding:12px;border:1px solid #aaa;border-radius:6px}button{background:#214e3b;color:white;cursor:pointer;margin:12px 0}output{display:block;font-size:23px;font-weight:700}footer{font-size:14px;border-top:1px solid #d7dbcf;margin-top:60px}footer .links{margin-bottom:18px}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;background:white}section{scroll-margin-top:20px}pre{white-space:pre-wrap;font:inherit;background:#eef1e8;padding:20px}@media(max-width:760px){.grid,.split{grid-template-columns:1fr}.hero{padding-top:28px}.article h1{font-size:33px}nav{gap:12px}.links{gap:12px}.wrap{padding:18px}h1{letter-spacing:-1px}}