:root{font:16px/1.5 system-ui;color:#202b32;background:#f2f5f6}*{box-sizing:border-box}body{margin:0}main{max-width:880px;margin:auto;padding:24px}h1{font-size:1.8rem}h2{font-size:1.3rem}section,article{background:white;border:1px solid #d8e0e4;border-radius:12px;padding:20px;margin:18px 0}form{max-width:640px}label{display:block;font-weight:600;margin:14px 0}input,select,textarea{display:block;width:100%;padding:12px;border:1px solid #8496a2;border-radius:6px;font:inherit;min-height:48px}textarea{min-height:110px}button{font:inherit;font-weight:600;min-height:48px;padding:10px 18px;border:0;border-radius:6px;background:#155b59;color:white;margin:6px 8px 6px 0;cursor:pointer}.secondary{background:#e5edef;color:#202b32}button:disabled{opacity:.5;cursor:wait}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit}#status{min-height:24px}article p{white-space:pre-wrap;overflow-wrap:anywhere}a{color:#155b59}input:focus,button:focus,select:focus,textarea:focus{outline:3px solid #e3b851;outline-offset:2px}@media(max-width:500px){main{padding:16px}section,article{padding:16px}}