body{margin:0;background:#f3f6f5;color:#203c42;font:16px/1.7 system-ui,sans-serif}main{max-width:900px;margin:auto;padding:20px}header,section{padding:24px;background:white;border-radius:14px;margin-bottom:18px}h1{font-size:26px}h2{font-size:21px}label,small{display:block}small{color:#647774}label{margin:14px 0}textarea,input{box-sizing:border-box;width:100%;font:inherit;padding:12px;border:1px solid #b7cbc5;border-radius:7px}textarea{min-height:90px}button{background:#17695c;color:white;border:0;border-radius:7px;padding:10px 16px;margin:6px;cursor:pointer}article{border-top:1px solid #dce5e1;padding:12px}pre{white-space:pre-wrap;overflow-wrap:anywhere}#message{color:#804a1c}p{white-space:pre-wrap}details{margin:18px 0}@media(max-width:600px){main{padding:10px}header,section{padding:16px}button{margin-left:0}}