body{margin:0;background:#fafcf9;color:#183329;font:20px/1.8 system-ui,sans-serif}main{max-width:980px;margin:auto;padding:36px 24px}h1{font-size:clamp(32px,5vw,48px);line-height:1.3}h2{font-size:28px}small{color:#267c4e}a{color:#207848;overflow-wrap:anywhere}nav{display:flex;flex-wrap:wrap;gap:18px}section{margin:40px 0;padding-top:24px;border-top:1px solid #d6e1d8}input,select,button{font:inherit;padding:12px;box-sizing:border-box;width:100%;margin-bottom:16px}label{display:block}button{background:#267e4d;color:white;border:0;border-radius:4px;cursor:pointer}article{padding:20px;margin:20px 0;background:white;border:1px solid #d6e1d8;border-radius:6px}article h3{margin-top:0}article small{display:block}code{font-size:16px;overflow-wrap:anywhere}#status{padding:16px;background:#edf5ef}