:root{font-family:system-ui,sans-serif;color:#423b32;background:#faf7ef;line-height:1.6}*{box-sizing:border-box}main{max-width:760px;margin:24px auto;padding:24px;background:#fffdf8;border:1px solid #ded2bd;border-radius:20px}h1{line-height:1.2}a{color:#355b45;text-underline-offset:3px}nav{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}nav a,button{border:2px solid #52734b;border-radius:12px;padding:12px 18px;font:inherit;font-weight:600}button{cursor:pointer;color:white;background:#42613c;margin:10px 8px 10px 0;min-height:48px}button:disabled{opacity:.65;cursor:wait}label{display:block;font-weight:600;margin-top:20px}input,textarea,select{display:block;width:100%;font:inherit;padding:12px;border:1px solid #a69b89;border-radius:9px;margin-top:6px;background:white;color:inherit}textarea{min-height:100px}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;background:#f4efe3;padding:18px;border-radius:10px}footer{margin-top:32px;border-top:1px solid #ded2bd;padding-top:10px;font-size:.9rem}:focus-visible{outline:3px solid #b67916;outline-offset:3px}[hidden]{display:none!important}@media(max-width:520px){main{margin:0;padding:20px;border-radius:0}h1{font-size:1.8rem}nav a{width:100%}}