*{box-sizing:border-box}body{margin:0;background:#f5f7f3;color:#163e34;font:16px/1.5 system-ui,sans-serif}main{max-width:560px;margin:auto;padding:20px}header{background:#075e54;color:white;padding:18px;border-radius:15px}h1{font-size:25px;margin:8px 0}a{color:#075e54}header a{color:white}label{display:block;font-weight:650;margin:13px 0}input,textarea,select,button,.button{font:inherit;width:100%;padding:12px;border:1px solid #b8cdc3;border-radius:10px;background:white;color:#163e34}textarea{min-height:100px;resize:vertical}button,.button{background:#075e54;color:white;cursor:pointer;min-height:44px}button:disabled{opacity:.6}button.secondary{background:#fff;color:#075e54}nav{display:flex;gap:8px;margin:15px 0}nav button{font-size:13px;padding:10px}aside{background:#fff0ce;padding:13px;border-radius:12px;font-size:13px;margin-top:16px}.trap{position:absolute;left:-10000px}article{border:1px solid #c3d8cb;border-radius:12px;padding:14px;background:#fff;margin:12px 0;overflow-wrap:anywhere}article p{white-space:pre-wrap}small{display:block}a:focus-visible,button:focus-visible{outline:3px solid #be962a;outline-offset:3px}[hidden]{display:none!important}