*{box-sizing:border-box}body{margin:0;background:#f3f8f5;color:#183c30;font:15px/2 Tahoma,Arial,sans-serif}header{background:#103e32;color:white;padding:18px max(5vw,18px)}header a{color:#fff;text-decoration:none;font-weight:bold}main{max-width:850px;margin:28px auto;padding:0 18px 45px}article{background:white;border:1px solid #dcebe1;border-radius:18px;padding:clamp(20px,4vw,38px);box-shadow:0 12px 40px #1645280a}h1{font-size:25px;margin:0 0 12px}h2{font-size:17px;margin-top:25px;color:#096b4f}p{color:#405e50}a{color:#087b59}.control{background:#edf8f1;padding:17px;border-radius:12px;border:1px solid #cce7d3}button{font:inherit;cursor:pointer;border:0;border-radius:9px;padding:8px 16px;color:white;background:#087d60}button+button{background:#f5f8f6;color:#1e533f;border:1px solid #abcbb7;margin-inline-start:7px}footer{padding:18px;color:#6b8276;text-align:center;font-size:12px}