:root{font-family:system-ui,sans-serif;color:#12253c;background:#f2f5f9;font-size:16px}*{box-sizing:border-box}body{margin:0}main{max-width:850px;margin:auto;padding:2rem 1.25rem}header{display:flex;align-items:center;gap:1rem;border-bottom:2px solid #183454;padding-bottom:1rem}h1{font-size:1.8rem;margin:0;flex:1}h2{font-size:1.2rem;margin:.25rem 0 .75rem}button,a{font:inherit}button{border:1px solid #204875;background:#204875;color:white;border-radius:.35rem;padding:.65rem 1rem;cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:#204875}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #d78508;outline-offset:3px}article,form{background:white;border:1px solid #ccd6e2;border-radius:.5rem;padding:1.25rem;margin:1rem 0}article p{color:#44566b}input{font:inherit;padding:.5rem;width:9rem;margin:.5rem}#approval{width:min(100%,25rem)}.controls{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}#message{line-height:1.5;padding:.75rem 0}footer{color:#44566b;line-height:1.5;margin-top:2rem}body [hidden]{display:none!important}@media(max-width:480px){h1{font-size:1.4rem}main{padding:1.25rem .75rem}}