*{box-sizing:border-box}html{color:#183f43;background:#edf8f6;font:18px/1.65 system-ui,-apple-system,sans-serif}body{margin:0}a{color:#087077;text-underline-offset:4px}a:hover{color:#064b45}a:focus-visible{outline:3px solid #f3ad32;outline-offset:5px}header{background:#fff;border-bottom:1px solid #cde4db}header>div{max-width:1060px;margin:auto;display:flex;align-items:center;gap:18px;padding:22px 28px}header img{width:60px;height:60px;border-radius:17px}header a.brand{font-size:24px;line-height:1.2;font-weight:800;color:#214f40;text-decoration:none}header small{display:block;font-size:14px;font-weight:500;margin-top:5px}nav{margin-left:auto;display:flex;gap:22px;flex-wrap:wrap;font-size:16px}main{max-width:960px;margin:36px auto 60px;padding:36px 46px;background:#fff;border-radius:28px;box-shadow:0 10px 35px #154d4310}h1{font-size:clamp(30px,4vw,43px);line-height:1.2;margin:0 0 18px;letter-spacing:-.6px}h2{font-size:23px;margin:36px 0 8px;line-height:1.35}p{margin:14px 0}p.meta{font-size:14px;color:#547475;margin-bottom:30px}section.intro{border-left:5px solid #f0b341;padding:2px 24px;background:#fff8e8;margin:28px 0}footer{max-width:960px;margin:0 auto 30px;padding:0 28px;color:#52716d;font-size:14px}.contact{display:inline-block;border-radius:14px;padding:12px 20px;background:#2f7555;color:white;text-decoration:none;font-weight:650}.contact:hover{background:#215e43;color:white}.draft{padding:12px 18px;background:#fff1ce;border-radius:12px;font-size:15px}@media(max-width:640px){html{font-size:17px}header>div{padding:18px;gap:12px;flex-wrap:wrap}nav{width:100%;margin:8px 0 0;gap:18px}main{margin:18px 12px 35px;padding:26px 22px;border-radius:20px}header img{width:50px;height:50px}}