*{box-sizing:border-box}body{margin:0;background:#f7f4ed;color:#24362d;font:16px/1.6 system-ui}main{max-width:850px;margin:auto;padding:24px}h1,h2{font-family:Georgia,serif}h1{font-size:clamp(32px,6vw,48px)}nav{display:flex;justify-content:space-between;align-items:center}a{color:#183c30}input,select,button{font:inherit;padding:12px;border-radius:8px;border:1px solid #bdcbbf}input{display:block;width:100%;margin:8px 0}button{background:#183c30;color:white;cursor:pointer;margin:5px 8px 5px 0}button:disabled{opacity:.5;cursor:wait}article{background:white;border:1px solid #d9e1d7;border-radius:16px;padding:20px;margin:18px 0;overflow-wrap:anywhere}article p{white-space:pre-wrap}small{color:#52675b}[hidden]{display:none!important}:focus-visible{outline:3px solid #a97730;outline-offset:3px}