*{box-sizing:border-box}body{margin:0;background:#f6f5f0;color:#18332c;font:18px/1.6 system-ui}main{max-width:960px;margin:auto;padding:48px 24px}h1{font-size:clamp(2rem,6vw,4rem);line-height:1.1;max-width:800px}h2{line-height:1.2}section{padding:24px 0;border-top:1px solid #bbc7bf}label{display:block;margin:12px 0}input{font:inherit;max-width:180px;padding:8px}button,.button{display:inline-block;background:#185443;color:white;border:0;padding:14px 22px;font:inherit;border-radius:6px;cursor:pointer}a{color:#185443}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #bd6523;outline-offset:4px}output{display:block;font-size:1.5rem;font-weight:700}.note{color:#52625b;font-size:.95rem}