body{margin:0;background:#f4f7f4;color:#183330;font:18px/1.6 system-ui,Arial,sans-serif}
main{max-width:800px;margin:auto;padding:32px 22px 80px}
a{color:#0b694f}a:focus-visible,button:focus-visible{outline:3px solid #0b694f;outline-offset:3px}
h1{font-size:clamp(30px,5vw,48px);line-height:1.1}h2{font-size:24px;color:#0d604a}
.controls{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}
button{padding:11px 18px;border:0;border-radius:8px;background:#0d604a;color:#fff;font:700 16px system-ui;cursor:pointer}
button:disabled{opacity:.5;cursor:default}button:hover:not(:disabled){background:#123b31}
section{margin:25px 0;padding:20px;background:#fff;border:1px solid #d7e3dc;border-radius:12px}
section p{margin:0 0 12px}section p:last-child{margin-bottom:0}