:root{color:#183b35;background:#f6f5ef;font-family:system-ui,sans-serif}body{margin:0}main{max-width:850px;margin:auto;padding:24px}h1{font-size:2.4rem}section,details{background:#fff;border:1px solid #b8c6b8;border-radius:16px;margin:20px 0;padding:20px}label{margin:12px 0;display:block}input{box-sizing:border-box;width:100%;font:inherit;border:1px solid #6c8279;border-radius:6px;padding:12px;display:block}button{font:inherit;color:#183b35;cursor:pointer;background:#d6e6a8;border:1px solid #385b4b;border-radius:8px;margin:5px;padding:12px 16px}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #617d28}li{margin:12px 0}#actions{flex-wrap:wrap;display:flex}p{overflow-wrap:anywhere;line-height:1.5}summary{cursor:pointer;font-weight:600}