:root{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:#243426;background:#fafbf6;line-height:1.7;color-scheme:light}*{box-sizing:border-box}body{margin:0}a{color:#315a3b;text-underline-offset:4px}a:hover{color:#152c1c}header,main,footer{max-width:1000px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;gap:22px;border-bottom:1px solid #e2e8d9}.brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:750;text-decoration:none;letter-spacing:-.7px}.brand img{width:38px;height:38px}nav{display:flex;gap:20px;font-size:14px}nav a[aria-current=page]{font-weight:700}h1,h2,h3{line-height:1.2;letter-spacing:-.6px}h1{font-size:clamp(35px,7vw,64px);max-width:780px;margin:16px 0 24px;font-weight:700}h2{font-size:26px;margin-top:42px}h3{font-size:18px}p,li{max-width:760px}.eyebrow{font-size:11px;letter-spacing:2px;color:#73875d;font-weight:650}.hero{padding:62px 0 48px}.lead{font-size:20px;color:#697861;max-width:700px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.button{display:inline-block;border:1px solid #dce3d2;padding:11px 19px;border-radius:8px;text-decoration:none;font-size:14px;font-weight:600}.primary{background:#315a3b;color:white}.primary:hover{background:#26482e;color:white}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.card{background:#f0f4e9;border:1px solid #dde6d2;padding:24px;border-radius:15px}.card h2{margin-top:0;font-size:23px}.card p{color:#697861}.note{border-left:3px solid #88a46d;padding:13px 18px;background:#eff3e8;color:#607353}.article{max-width:820px;padding-top:45px;padding-bottom:60px}.article h1{font-size:42px}.article h2{font-size:24px}.updated{font-size:13px;color:#7d8b73}.article li{margin-bottom:8px}.article code{font-size:13px;background:#edf2e6;padding:2px 5px;border-radius:4px}footer{border-top:1px solid #e2e8d9;color:#839077;font-size:12px;display:flex;justify-content:space-between;gap:20px}a:focus-visible{outline:3px solid #88a46d;outline-offset:5px}@media(max-width:600px){header{flex-direction:column;align-items:start}nav{gap:17px}.hero{padding-top:35px}.grid{grid-template-columns:1fr}footer{flex-direction:column}}