*{box-sizing:border-box}body{margin:0;color:#183c38;background:#f5f7f2;font-family:Tahoma,Arial,sans-serif;line-height:1.8}a{color:#145f53;text-underline-offset:4px}header,main,footer{max-width:1060px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid #d6dfd5}nav{display:flex;gap:22px;flex-wrap:wrap}.brand{font-weight:700;text-decoration:none}.eyebrow{font-size:12px;letter-spacing:2px;color:#53766a;text-transform:uppercase;margin:34px 0 12px}h1{font-size:clamp(34px,5vw,58px);line-height:1.25;letter-spacing:-1px;margin:16px 0 24px}h2{font-size:23px;margin:34px 0 10px}p{margin:12px 0}.lead{font-size:20px;max-width:780px;color:#42615b}.hero{padding:22px 0 42px}.flow{display:flex;align-items:center;gap:24px;padding:28px;border:1px solid #cbd9cf;background:#e9f0e7;border-radius:16px;margin:26px 0}.flow strong{font-size:21px}.flow small{display:block;color:#55756a}.arrow{font-size:28px}.columns{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;border-top:1px solid #cbd9cf;padding-top:14px}.columns h2{font-size:20px}.number{color:#668677;font-size:13px}.note{border-left:3px solid #668c79;padding:10px 22px;background:#edf2eb;margin:32px 0}.button{display:inline-block;background:#195c4c;color:white;padding:12px 22px;border-radius:8px;text-decoration:none;margin-top:14px}.prose{max-width:800px}.prose h1{font-size:40px}.meta{color:#62786f;font-size:14px}footer{font-size:13px;border-top:1px solid #d6dfd5;margin-top:40px;color:#5a7167}footer a{margin-right:16px}li{margin:8px 0}code{font-size:14px;overflow-wrap:anywhere}a:focus-visible{outline:3px solid #c5903a;outline-offset:4px}@media(max-width:650px){header{align-items:flex-start;flex-direction:column;gap:12px}.columns{grid-template-columns:1fr;gap:0}.flow{gap:15px;padding:18px}.flow strong{font-size:18px}.lead{font-size:18px}main{padding:20px}.prose h1{font-size:32px}}