body{margin:0;background:#f7f8f3;color:#202721;font:16px/1.5 system-ui,sans-serif}
main{max-width:40rem;margin:3rem auto;padding:0 1.25rem}h1,h2{line-height:1.15}h1{font-size:clamp(1.8rem,5vw,2.6rem)}
section,details{margin:1rem 0;padding:1rem 1.25rem;background:white;border:1px solid #d7dfd7;border-radius:12px}
section h2{margin-top:0}label{display:block;margin:1rem 0}input{display:block;width:100%;max-width:32rem;box-sizing:border-box;padding:.65rem;border:1px solid #63766a;border-radius:6px;font:inherit}
button{padding:.6rem .9rem;background:#185138;color:white;border:0;border-radius:6px;font:inherit;cursor:pointer}
section form{display:inline-block;margin:.15rem .2rem .15rem 0}a{color:#185138}code{overflow-wrap:anywhere}summary{cursor:pointer}
@media(max-width:480px){main{margin:1.5rem auto}}