*{box-sizing:border-box}body{margin:0;color:#20303b;background:#f5f4ef;font:18px/1.75 system-ui,sans-serif}header,footer{padding:22px max(20px,calc((100% - 1100px)/2));background:#163b3b;color:white}header a,footer a{color:inherit}main{max-width:1100px;margin:auto;padding:36px 22px}article{max-width:780px;margin:auto}h1{font-size:clamp(30px,4.5vw,48px);line-height:1.15;letter-spacing:-.035em}h2{font-size:28px;line-height:1.3;margin-top:46px}h3{font-size:22px;line-height:1.4}p,li{overflow-wrap:anywhere}a{color:#176363}figure{margin:32px 0}img{display:block;max-width:100%;height:auto;border-radius:12px}figcaption,.meta{font-size:14px;color:#5c6b6b}.toc{background:#e7ede8;border-radius:12px;padding:18px 24px}.toc a{display:block;font-size:15px;margin:5px 0}.cta{background:#e0ece6;border-radius:14px;padding:24px;margin:40px 0}.button{display:inline-block;background:#174f46;color:white;padding:12px 20px;border-radius:7px;text-decoration:none}.preview{padding:8px 20px;background:#fff0c2;font-size:14px}blockquote{border-left:3px solid #567;padding-left:16px}@media(max-width:600px){body{font-size:17px}main{padding:24px 16px}h2{font-size:25px}figure{margin:24px 0}.toc{padding:16px}}