:root{font-family:system-ui,sans-serif;color:#17202d;background:#f5f6f8}body{margin:0}main{max-width:680px;margin:50px auto;padding:24px}h1{font-size:28px}h2{text-transform:capitalize}header p,.health,footer{color:#526075}section{background:#fff;border:1px solid #ccd3dc;padding:24px;margin:20px 0}button,input{font:inherit;padding:12px;margin:8px 8px 8px 0}button{cursor:pointer;min-height:44px}button:disabled{cursor:default;opacity:.55}input{display:block;max-width:95%}article{border-bottom:1px solid #ccd3dc;padding:12px 0;overflow-wrap:anywhere}footer{margin-top:32px;font-size:14px}[role=alert]{color:#a01818}*:focus-visible{outline:3px solid #1255cc;outline-offset:3px}