:root{color:#182d28;background:#faf9f5;font-family:system-ui,sans-serif}main{max-width:760px;margin:3rem auto;padding:0 1rem}header{justify-content:space-between;align-items:center;display:flex}button,input,textarea{font:inherit;border:1px solid #9aaea6;border-radius:6px;padding:.7rem}button{cursor:pointer;background:#e2eee5;margin:.3rem}label,textarea{display:block}textarea{box-sizing:border-box;width:100%;min-height:100px}nav{flex-wrap:wrap;gap:1rem;margin:1rem 0;display:flex}a{color:#245e4c}article{border-bottom:1px solid #d6ddd8;padding:1rem 0}article p{white-space:pre-wrap;overflow-wrap:anywhere}small{color:#7b3b29}