body{font:16px/1.6 system-ui;color:#17212b;background:#f5f6f8;margin:0}main{max-width:48rem;margin:auto;padding:1rem}h1{font-size:1.6rem}label{display:block;margin:1rem 0}input{display:block;box-sizing:border-box;width:100%;padding:.75rem;font:inherit;border:1px solid #637083;border-radius:.25rem}button{padding:.75rem;font:inherit;background:#184e70;color:white;border:0;border-radius:.25rem;cursor:pointer}button:disabled{background:#667788;cursor:default}.actions{display:flex;gap:.5rem;flex-wrap:wrap}section{background:white;padding:1rem;border:1px solid #ccd2dc;margin-top:1rem}p{overflow-wrap:anywhere}audio{max-width:100%}:focus-visible{outline:3px solid #bd5400;outline-offset:3px}