:root{font-family:system-ui,sans-serif;color:#1d2930;background:#f5f1e8}*{box-sizing:border-box}body{margin:0}main{max-width:850px;margin:auto;padding:24px}header,section{background:#fffdf8;border:1px solid #d6cbb9;border-radius:14px;padding:20px;margin:0 0 16px}header{background:#dce9dd}h1,h2,h3{line-height:1.2}h1{font-size:2.2rem;margin:.2rem 0}.eyebrow{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:#395645}label{display:block;margin:12px 0;font-weight:600}input,select,textarea{display:block;width:100%;font:inherit;border:1px solid #899889;border-radius:8px;padding:10px;margin-top:5px;background:white}button{font:inherit;background:#215943;color:white;border:0;border-radius:8px;padding:10px 15px;margin:7px 7px 7px 0;cursor:pointer}button:hover{background:#173f30}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #b6842c}li{padding:6px 0;overflow-wrap:anywhere}#messages{padding-left:22px}#messages li{border-bottom:1px solid #ddd}#messages small{display:block;color:#52645c}#notice:empty{display:none}#notice{border-color:#a47230;background:#fff5dd}code{overflow-wrap:anywhere}@media(max-width:500px){main{padding:12px}header,section{padding:16px}h1{font-size:1.8rem}button{width:100%;margin:5px 0}}